droppy


Description: ドロップダウンするシンプルなグローバルメニューです。2段目からはサイドアウトしますよ。クロスブラウザにも対応しています。
Sample: demo
Tutorial: droppy – Nested drop down menus
License: -

Sample

Note

$(function() {
    $('.nav').droppy({trigger: 'click'});
  });

jQueryとプラグインを読み込んで上記設定をします。

Related snippet :

  • Description: シンプルでベーシックなドロップダウンメニューです。簡単なアニメーション付きで、クロスブラウザ対応です。最もよく見るタイプのメニューですね。 ...
  • Description: シンプルながら様々なシーンに対応することが可能なFacebookライクのツールチップ系プラグインです。マウスオーバーで表示されるのが基本ですが、クリ ...
  • Description: クリックでドロップダウンするメニューコンテンツを実装します。スムーズにダウンし、戻りもスムーズです。IE6でもIE7でも全く同様の動きをしてくれます ...
  • Description: シンプルなドロップダウンメニューです。アニメーションもなく、わかりやすさのみを追求したグローバルメニューと言えそうです。 Sample: ...
  • Description: アニメーションしながら縦に開閉するアコーディオン式のパネルです。弾むようなエフェクトが可愛いですね。他のパネルを開くと元々開いていたパネルは閉じられ ...
  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: 簡単なコードで実装できる開閉アコーディオンです。Toggleメソッドの基本的な使い方です。テキストをクリックすると隠れたコンテンツが表示されます。 ...