jQuery面板 - 在打开另一个时关闭一个

问题描述：

我在同一页面中有两个滑动面板。需要的是，当一个人打开并且用户点击另一个人时，同时在打开第二个时关闭第一个人。现在它们重叠...jQuery面板 - 在打开另一个时关闭一个

你能帮助我吗？感谢

这是我在页面上：

我在同一个页面两个滑动面板。需要的是，当一个人打开并且用户点击另一个人时，同时在打开第二个时关闭第一个人。现在它们重叠...

你能帮助我吗？感谢

这是我在页面上

<script type="text/javascript" src="jquery.js"></script> 


<script type="text/javascript"> 

$(document).ready(function(){ 
$(".btn-slide").click(function(){ 
    $("#panel").slideToggle('fast'); 
    $("#panel2").slideToggle("fast"); 
    $(this).toggleClass("active"); 
}); 
}); 

$(document).ready(function(){ 
$(".btn-slide2").click(function(){ 
    $("#panel2").slideUp('fast'); 
    $("#panel").slideToggle("fast"); 
    $(this).toggleClass("active"); 
}); 

</script>

答

mybe这可以帮助你

http://jsfiddle.net/ipsjolly/m4BTd/

<div class="accordionButton">111111</div> 
<div class="accordionContent">0000000</div> 
<div class="accordionButton">222222</div> 
<div class="accordionContent">99999999</div> 
<div class="accordionButton">33333333</div> 
<div class="accordionContent">88888888</div> 
 

    $(document).ready(function() { 

     $('div.accordionButton').click(function() { 
      $('div.accordionContent').slideUp('slow'); 
      if(!$(this).next().is(':visible')){ 
      $(this).next().slideDown('slow'); 
      } 
     }); 
     $("div.accordionContent").hide(); 


    });

谢谢，但我必须尽量保持它尽可能的名字因为它已经，我已经有课和CSS工作正常，除了那个问题... – justme

我真的只需要改变一些东西，只有在这一部分，使这种情况发生： $（文件）。就绪（函数（）{ \t $（ “BTN-滑动 ”）点击（函数（）{ \t \t $（“ ＃面板 ”）的slideToggle（“ 慢”）。; \t \t $（this）.toggleClass（“active”）;返回false; \t}）; \t \t }）; $（文件）。就绪（函数（）{ \t $（”。BTN-滑件“ ）。单击（函数（）{ \t \t $ （ “＃是Panel2”）的slideToggle（ “慢”）; \t \t $（本）.toggleClass（ “ACTIVE2”）;返回false; \t}）; \t \t }）; – justme

我把整个页面放在这个链接中，你可以看看源代码吗？就像我说的，必须改变JavaScript的东西，但保持div和类名称我已经工作。 http://supra5.com/r2pro/slidePanel/ipec2.html – justme

jQuery面板 - 在打开另一个时关闭一个

相关推荐