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

Question

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

你能帮我吗？谢谢

这是我在页面上的内容：

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

你能帮我吗？谢谢

这就是我在页面上的内容

<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>

Answer 1

我的这可以帮助你

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


    });​