使用Jquery啟用和禁用手風琴

Question

我的結帳流程中有一個HTML頁面，需要根據用戶輸入啟用和禁用手風琴。

這是我從UI開發人員那里獲得的最初代碼。

$(document).ready(function() {
   //ACCORDION BUTTON ACTION    
    $('div.accordionButton').click(function() {
        $('div.accordionContent').not($(this).next()).hide();
              $(this).next('div.accordionContent').slideToggle('normal');
                //$(this).next().slideDown('normal');
     });
});

對於所有禁用的div / accordion，我們正在使用accordionButton2類，一旦使用成功通過了這一步，我就在更改div的類，以便應啟用它並單擊功能應該起作用。

這是第一次工作正常，但是當用戶正在向前推進，它似乎並不買所有的div，它的類已更改為accordionContent從accordionContent2 。

在我看來，它僅在頁面加載時選擇所有設置為accordionContent內容類的div ，之后又不選擇任何東西。

我也嘗試過

$('div.accordionButton').bind('click', function() {

但似乎也無法正常工作我如何在Jquery中實現這一點，以便能夠在運行時啟用和禁用手風琴

Answer 1

$(document).on('click','div.accordionButton',function() {
        $('div.accordionContent').not($(this).next()).hide();
              $(this).next('div.accordionContent').slideToggle('normal');
                //$(this).next().slideDown('normal');
     });