tabs - ページ内からパネルをスライドアウト

Question

ページ内の div にさまざまなスライドパネルプラグインを適用できません。したがって、ブラウザーウィンドウの上部、側面、または下部からではなく、ページ内のどこかからです。

これはうまくいくでしょう...

$("div").click(function () {
      $(this).hide("slide", { direction: "down" }, 1000);
});

ただし、div はスライドして見えなくなるため、クリックしてスライドして戻すタブはありません。

別の要素を使用してクリック機能を開始することもできますが、クリック可能な要素がスライド div に接続されたタブとして機能する必要があります。

そのため、ページが読み込まれると、画面の中央にパネルが表示され、そのパネルの下部から小さなタブが突き出ています。タブをクリックすると、追加情報のパネルとともに上にスライドします。タブをもう一度クリックすると、下にスライドします。

どんな助けでも大歓迎です。

score 0 · Accepted Answer

そのすぐ隣に別の div を追加して、非表示にならないトグルタブとして使用する必要があります。そのタブで、隠したいdivを非表示/表示にします。

$("#tab").click(function () {
    $("#slider").slideToggle("slow");
});

このフィドルを参照してください：http://jsfiddle.net/Jxbkj/

1 に答える 1