2

2 つのスライド パネルがあり、panel1 は下にスライドし、panel2 は左からスライドします。パネル2を開いたときにパネル1を閉じたい。すでに多くの同様の質問が回答されていることは知っていますが、それらを自分のサイトに適用する方法がわかりませんでした。

$(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/

4

1 に答える 1

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/

于 2012-05-16T12:47:19.040 に答える