2013-05-30 44 views
1

我有一个HTML页面为我的结帐过程,我需要根据用户输入启用和禁用手风琴。启用和禁用手风琴与Jquery

这是我从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 /手风琴,我们使用accordionButton2类,并使用一次顺利通过这一步,我改变了类div,使应该启用并单击功能应该工作。

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

在我看来,它只是挑选所有那些div与类设置为accordionContent在页面加载和之后,它不拾起任何东西。

我也尝试

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

,但看来似乎也没有工作 我怎样才能在jQuery中实现这一点,这样我就可以启动和运行时禁用手风琴

回答

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

你错过了','。 – Arpit

+0

你的意思是说我应该删除document.ready并将其更改为你所建议的那个? –

+1

没有在document.ready中写这个 – PSR