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

时间:2012-05-31 10:37:23

标签: jquery slider panel

我在同一页面上有两个幻灯片。需要的是,当一个人打开并且用户点击另一个人时,同时在打开第二个人时关闭第一个人。现在它们重叠......

你能帮助我吗?感谢

这就是我在页面上的内容:

我在同一页面上有两个幻灯片。需要的是,当一个人打开并且用户点击另一个人时,同时在打开第二个人时关闭第一个人。现在它们重叠......

你能帮助我吗?感谢

这就是我在页面上的内容

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

1 个答案:

答案 0 :(得分:0)

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


    });​