Javascript 在单击“打开其他”时切换滑动关闭

希望你们都做得很好

我试图找出一个代码函数，当你打开一个新的或其他的切换幻灯片时，如何自动关闭打开的切换幻灯片

请参阅下面的代码：

可在以下网址找到：

$（文档）.ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。滑动切换（“慢速”）；
});
});
$（文档）.ready（函数（）{
$（“#flip2”）。单击（函数（）{
$（“#panel2”）。滑动切换（“慢速”）；
});
});
#面板，
#翻转，
#小组2，
#flip2{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
光标：指针；
}
#小组，
#小组2{
填充：50px；
显示：无；
}

单击以向下或向上滑动面板
你好，世界！



单击以向下或向上滑动面板
你好，世界实现这一点的最可扩展的方法是在元素上使用公共类。然后，您可以对
.flip
和
.panel
元素的每个实例重复使用相同的JS逻辑。试试这个：


jQuery（$=>{
$（“.flip”）。单击（函数（）{
让$next=$（this）.next（.panel”）.slideToggle（“slow”）；
$（'.panel'）。而不是（$next）。slideUp（'slow'）；
});
});
.panel，
.翻转{
填充物：5px；
文本对齐：居中；
背景色：#e5eecc；
边框：实心1px#c3c3；
光标：指针；
}
.小组{
填充：50px；
显示：无；
}

单击以向下或向上滑动面板
你好，世界！



单击以向下或向上滑动面板
你好，世界您可以使用这个

$('.title').click(function() {
  $(this).next('div').show();

  $(this).parent().siblings().children().next().hide();
  return false;
});


如果您使用bootstrap，您可以使用bootstrap手风琴。
这是否回答了您的问题？