2012-05-16 121 views
2

我有两个滑动面板,面板1向下滑动,而面板2从左侧滑动。我想在打开panel2时关闭panel1。我知道有很多类似的问题已经得到解答,但我无法弄清楚如何在我的网站中应用这些问题。当其他开关打开时Jquery关闭切换

$(document).ready(function(){ 
    $(".slide-btn1").click(function(){ 
    $("#panel1").toggle("slow"); 
    $(this).toggleClass("active"); 
    return false; 
    }); 
    $(".slide-btn2").click(function(){ 
    $("#panel2").slideToggle("slow"); 
    $(this).toggleClass("active"); 
    return false; 
    }); 
}); 

编辑:这是我迄今http://jsfiddle.net/Pukau/9CFgR/2/

+0

这是你后的效果? http://jsbin.com/ixuyoj/2/edit – Sampson

+0

感谢您的回答!由于某些原因,它不会工作,但它给了我一些线索如何应用它。这真的很有帮助。我怎么评价你? – Pukau

+0

我想了解你想要什么效果,以便我可以提供答案。 – Sampson

回答

4
$(document).ready(function(){ 
    $(".slide-btn1").click(function(){ 
      $("#panel2").slideUp("fast"); 
      $('.active').removeClass('active'); 
     $("#panel1").toggle("fast"); 
     $(this).toggleClass("active"); 
     return false; 
    }); 
     $(".slide-btn2").click(function(){ 
      $("#panel1").slideUp("fast"); 
      $('.active').removeClass('active'); 
     $("#panel2").slideToggle("slow"); 
     $(this).toggleClass("active"); 
     return false; 
    }); 
});​ 

现场演示做看到此链接:http://jsfiddle.net/nanoquantumtech/HT9Bx/

+0

这很好。谢谢一堆! – Pukau