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. JavaScript

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

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

  2. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  3. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

  4. Grasp Mobile Progress Circle
  5. Water Wave Effect jQuery
  6. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP