在accordion中一次打开一个选项卡

Question

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

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

代码在这里

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

});

这里是小提琴

Answer 1

您也可以通过在激活前添加回调来关闭其他手风琴：

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

Answer 2

现场演示

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