jQueryプラグイン Panel Accordionを公開しました。

こんにちはTakです。

今回は所属している会社の実績サイトを作るときに書いたJavaScriptをjQueryプラグイン化し、
githubに公開してみました。

その名も「jQuery Panel Accordion」です。

 

DEMOはこちら

動きとしては、以下の3つになります。

  1. サムネイルをクリックすると対になっているコンテンツが開く
  2. 別のサムネイルをクリックすると一度コンテンツを閉じてから別のコンテンツを開く
  3. コンテンツを開いている状態で対になっているサムネイルをクリックすると
    コンテンツを閉じる。

プラグインのDownloadは以下のリンク(github)から行えます(=゚ω゚)ノ

https://github.com/tak-midp/jQuery-PanelAccordion

使い方は簡単、jQueryのあとにjQuery Panel Accordionを読み込み、
サムネイルのulに「.pa-thum」を
コンテンツのulに「.pa-cont」をつけるだけ!

そうすると.pa-thumと.pa-contが対になり.pa-thumをクリックすると
pa-contを表示させます。

スクリプトの中身は超簡単なので適宜改変して使って下さい。

普段はプラグインを使う側なので今回初めて作成して為になる事が非常に多かったです。
今後もどんどんプラグインを作成し、公開していきたいです。