在打开时关闭所有jQuery手风琴

在打开时关闭所有jQuery手风琴,jquery,accordion,Jquery,Accordion,我在不同的地方使用多个单独的手风琴。 如果我打开一个手风琴选项卡,所有其他“独立”手风琴都应该关闭 正如你在这里看到的: 如果我打开“第二个手风琴-SecionX”,那么“第一个手风琴”的所有部分都应该折叠。我需要通用代码,所以其他所有代码都应该关闭 提前谢谢 下面的代码片段可以帮助您实现所需 $(函数(){ $(“手风琴”)。手风琴({ 高度样式:“内容”, 可折叠的:是的, 活动:错误, beforeActivate:函数(事件,ui){ $(“.ui手风琴内容”).slideUp(10

我在不同的地方使用多个单独的手风琴。 如果我打开一个手风琴选项卡,所有其他“独立”手风琴都应该关闭

正如你在这里看到的:

如果我打开“第二个手风琴-SecionX”,那么“第一个手风琴”的所有部分都应该折叠。我需要通用代码,所以其他所有代码都应该关闭


提前谢谢

下面的代码片段可以帮助您实现所需

$(函数(){
$(“手风琴”)。手风琴({
高度样式:“内容”,
可折叠的:是的,
活动:错误,
beforeActivate:函数(事件,ui){
$(“.ui手风琴内容”).slideUp(1000);
}
});

});尝试下面的可运行示例

我已经添加了第三个手风琴来查看行为。3个手风琴中只有一个将处于活动状态,其他手风琴将折叠

$(函数(){
$(“手风琴”)。手风琴({
高度样式:“内容”,
可折叠的:是的,
活动:错误
});
$('.accordion')。单击(函数(){
//拿到所有的手风琴
设手风琴=$('.accordion');
//移除单击的手风琴
手风琴.拼接($('.accordion')。索引($(this)),1);
//关闭其他手风琴
$(accordions.accordion('option','active',false);
});
});

第一手风琴-第1节
莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a

第一手风琴-第2节 莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a


其他一些内容
第二手风琴-第1节 莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a

第二手风琴-第2节 莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a


更多内容
第三手风琴-第1节 莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a

第三手风琴-第2节 莫里斯·莫里斯·安特,布兰迪特·安特,奥特里斯a


你能让你的代码运行吗?这是一个很好的方法,但是幻灯片只是“向上滑动”,但保持其状态为“打开”。在这种情况下,箭头保持向下,单击打开的标题时出现问题,直接关闭标题。手风琴能正常关上吗?很好的解决方案!非常感谢!
example at jsfiddle