Slight Submenu

JavaScript

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

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

[ads_center]

Slight Submenuの使い方

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

Slight Submenu

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

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

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

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

jQuery Slight Submenu Plugin Demo

関連記事

  1. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  2. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  3. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  4. Building a Vertical Timeline With CSS and a Touch of JavaScript
  5. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  6. jQuery-LightBox

    JavaScript

    軽量でモバイルフレンドリーなLightbox実装「jQuery-LightBox」

    jQuery-LightBoxは、軽量でレスポンシブにも対応したモバイ…

最近の記事

  1. 200-DGCAM019
  2. ハクバ GW-PRO RED フォトグローブプロ PL
  3. Soundcore Liberty Air 2
  4. Soundcore Liberty 2
  5. マザーツリー

アーカイブ

PAGE TOP