jQuery切换打开/关闭修改现有的代码

Question

我正在处理这段代码，它工作，它切换div打开。但是，如何修改它以便每次只有一个div可以具有“打开”类？现在你可以切换所有的div打开..但我想这样只有一个div可以在任何给定的时间打开。你点击另一个div，另一个切换关闭。

任何帮助/方向是非常感谢！

谢谢！

$('body').on('click','.toggle h3 a', function(){ 

    if(!$(this).parents('.toggles').hasClass('accordion')) { 
     $(this).parents('.toggle').find('> div').slideToggle(300); 
     $(this).parents('.toggle').toggleClass('open'); 


     //switch icon 
     if($(this).parents('.toggle').hasClass('open')){ 
      $(this).find('i').attr('class','icon-minus-sign'); 
     } else { 
      $(this).find('i').attr('class','icon-plus-sign'); 
     } 

     if($(this).parents('.toggle').find('> div .iframe-embed').length > 0 && $(this).parents('.toggle').find('> div .iframe-embed iframe').height() == '0') responsiveVideoIframes(); 

     return false; 
    } 
}); 

Answer 1

结账http://jqueryui.com/accordion/。

由于您已经在使用jQuery，请查看预制的一个。