jQuery Sidebarは上下左右からスライド表示させることができるプラグインです。テンポの良いクイックなスライドでサイドバーが出現してきます。シンプルですが応用範囲は広そうな感じですね。以下は使い方です。
jQuery Sidebarの使い方
jQuery Sidebarを使う場合は、まず以下のようにhead内にjQueryとプラグインファイルを読み込んでおきます。
1 2 | < script src = "jquery.min.js" ></ script > < script src = "jquery.sidebar.min.js" ></ script > |
続いてサイドバーのコンテンツを記述していきます。クラス名にはsidebar、そして上下左右(left、right、top、bottom)のいずれかを設定します。ここではrightを指定。
1 | < div class = "sidebar right" >コンテンツ</ div > |
あとはjQuery Sidebarを呼び出してあげるだけです。
1 | $( ".sidebar.right" ).sidebar({side: "right" }); |
オプションでspeed(デフォルトは200)やside(デフォルトはleft)、他にもisClosedやcloseなどを設定することができます。
普段はサイドバーを非表示にしておき、アクションがあれば表示させるといった場合に役立つプラグインですね。
利用したい方や詳細について知りたい場合は以下よりご確認ください。