Woco Accordion jQuery plugin

JavaScript

スムーズなアニメーションでシンプルなアコーディオン実装「Woco Accordion jQuery plugin」

Woco Accordion jQuery pluginはスムーズなアニメーションでシンプル&軽量なアコーディオンを実装することができます。Minimal Accordion/Drawer Plugin with jQuery and CSS3がベースになっているとのこと。

Woco Accordion jQuery plugin

Woco Accordion

縦に並んだ親メニューをクリックすると子メニューが滑らかなアニメーションとともにスライドダウンで表示されます。もう一度クリック(または他の親メニューをクリック)するとスライドアップで子メニューが非表示になります。

子メニューがたくさんある時に、できる限りシンプルにスッキリとしたナビゲーションメニューを実装したい場合によさそうですね。

ちなみにオプションを用いることでスライドスピードを調節することが可能です。

シンプルで軽量なプラグインなので表示スピードへの負担もそんなにかかりませんし、操作も簡単なことからとてもユーザーフレンドリーな設計だと思います。

iPhoneでも確認してみたところちゃんとアニメーション動作しました。

というわけで、パソコンやスマホでも動作できるスムーズなアニメーションのアコーディオンを実装したい方は是非チェックしてみてください。

関連記事

  1. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  2. no-image
  3. Accessible Mega Menu
  4. JavaScript

    レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」

    ポートフォリオなどでとても素敵なイメージギャラリーを実装することができ…

  5. jqTree

    JavaScript

    JSONデータからツリー構造を作成できるjQueryプラグイン「jqTree」

    jqTreeはJSONデータを元にHTMLでツリー構造を作成できるjQ…

  6. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP