javascript - 新 div 打开时关闭 div

Question

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

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

我在真实剧本中还有六个。

Answer 1

尝试这样的事情：

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

Answer 2

在一个通用功能中关闭所有并打开一个以在您所在的位置打开。

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

还有更优雅的解决方案。