Question

我有一张幻灯片，但我怎么得到只有一个div打开，当我打开另一个div时，最近的div关闭而新的打开？

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

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

Answer 1

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

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

有更优雅的解决方案。

Answer 2

尝试这样的事情：

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

新div打开时关闭div

2 个答案: