Slight Submenu

JavaScript

ネストされたメニューリストを展開・折りたたみできるjQueryプラグイン「Slight Submenu」

Slight SubmenuというjQueryプラグインを使えば、ネスト(入れ子)されたメニューリストを展開したり折りたたんだりすることができます。ネストされた項目にはボタンが追加され、ホバーやクリックで展開&折りたたみが機能します。

[ads_center]

Slight Submenuの使い方

こんな感じで、ネストされた項目を展開したり折りたたんだりすることができます。

Slight Submenu

$('selector').slightSubmenu(options);

デフォルトではボタンにホバーするとアニメーションしながら展開していきます。折りたたむ時はボタンをクリックしてたたみます。

セッティング次第でクリック時のみ展開させることもできます。

オプションも色々と用意されているので、気になる方は是非チェックしてみて下さい。

jQuery Slight Submenu Plugin Demo

Chromeの複数タブをまとめて閉じるショートカットキーGoogle Chromeで指定した複数タブをまとめて閉じるショートカットキー前のページ

Nexus 5で画面の自動回転を止める設定方法次のページNexus 5の自動回転を止める設定

関連記事

  1. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  2. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  3. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  4. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  5. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  6. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP