no-image

JavaScript

タブやアコーディオンを実装できるjQueryプラグイン「jpix」

jpixはシンプルなタブやアコーディオンを実装することができるjQueryプラグインです。これ1つでタブもアコーディオンも表示可能なのはとても便利ですね。タブ用、アコーディオン用のオプションもいくつか用意されています。

jpix

jpix

デモでは実装されたタブとアコーディオンが設置されています。タブ、アコーディオンともにとてもシンプルなデザインに仕上がっています。

アコーディオンでは各アイテムをクリックすると、スライドダウンで子メニューが表示されます。再度同じアイテムをクリックすると、今度はスライドアップで子メニューが閉じられます。ちなみに、別のアイテムをクリックすると、現在開かれている子メニューが閉じられると同時に新しくクリックされたアイテムの子メニューが表示されます。

シンプルなデザインなので、さまざまなページに設置しやすいのではないでしょうか?

また、タブ・アコーディオンともにオプションもいくつか用意されています。

タブのオプションは、activeClass、activeContent、dataAttrです。アコーディオンのオプションは、openDefault、activeClass、activeContent、dataClassです。

実用的な機能もオプションから手軽にセッティングが可能です。

というわけで、シンプルなタブやアコーディングを実装できるjQueryプラグイン「jpix」のご紹介でした。

関連記事

  1. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  2. Image Figure Caption effects
  3. Crosscover

    JavaScript

    多彩なアニメーションがいい!シンプルで使いやすいjQueryイメージカルーセル「Crosscover…

    Crosscoverはシンプルで多彩なアニメーションが魅力的なイメージ…

  4. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  5. jquery.matchHeight.js
  6. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

最近の記事

  1. ACC-TRBX
  2. ピスタチオ クリスマス ツリー フラペチーノ
  3. SF-G64T
  4. USB Type-C搭載ドッキングステーション

Facebookページ

PAGE TOP