使用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的类，以便它应该启用并且单击功能应该工作

这是第一次正常工作，但是当用户继续前进时，它似乎没有从accordionContent中选择所有已将类更改为accordionContent2的div。

在我看来，它只会在页面加载时选择所有div类设置为accordionContent，之后它不会拾取任何内容。

我也试过

$('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');
     });