Javascript 新div打开时关闭div

我有一张幻灯片，但我如何才能保证只有一个div打开，而当我打开另一个div时，最近的div关闭，新的div打开

$(function(){
$('#myButton1').click(function(){
    $('#theDiv1').slideToggle();
});})

---

在真实的脚本中，我还有六个这样的函数。

在一个公共函数中关闭所有函数，然后打开一个函数以打开您所在的位置

$(function(){
    $('#myButton1').click(function(){
      closeAllDivs();
      $('#theDiv1').slideToggle();
    });
})

同时，在文件的其他部分

function closeAllDivs(){
      $('#theDiv1').slideIn(); //Down/up/in/out whatever...
      $('#theDiv2').slideIn();
      $('#theDiv3').slideIn();
      $('#theDiv4').slideIn();
      $('#theDiv5').slideIn();
      $('#theDiv6').slideIn(); 
}

---

还有更优雅的解决方案。

试试这样的解决方案：

$(function(){
    $('#myButton1').click(function(){
      $(document).find('div').each(function(){$(this).slideIn();});
      $('#theDiv1').slideToggle();
    });
})

---

你要找的东西叫什么accordion@vittoresaid is right use

accordian

这可能会有所帮助，但是，如果你不想使用手风琴，我可以告诉你如何打开一个手风琴和关闭其他手风琴，让我知道：）是的，那会很酷，会像推特一样吗？你在不到30分钟前提出最后一个问题后就想不出来了？