手风琴一次打开一个标签

我有一个手风琴，它工作得非常好，但我需要的是一次只打开一个标签，意味着打开一个标签然后应该关闭另一个标签。

目前，您可以看到我们可以通过单击选项卡链接打开所有选项卡。

代码在这里

$("#accordion > li > span").click(function() { $(this).siblings("div").slideToggle(250); $(this).toggleClass("active"); }); 

这是小提琴

Answer 1

现场演示

 $("#accordion > li > span").click(function() { $(this).closest('li').siblings().find('span').removeClass('active').next('div').slideUp(250); $(this).toggleClass("active").next('div').slideToggle(250); }); 

---

或者像： 现场演示

 $("#accordion > li > span").click(function() { $(this).toggleClass("active").next('div').slideToggle(250) .closest('li').siblings().find('span').removeClass('active').next('div').slideUp(250); }); 

Answer 2

您还可以通过添加beforeActivate回调来关闭其他手风琴：

 $( ".myAccordion" ).accordion({ collapsible: true, active: false, heightStyle: "content", beforeActivate: function(event, ui) { $( ".myAccordion" ).not(this).accordion('option', 'active', false); }