WEB制作関連

情報を省スペース化するjQueryベースのアコーディオン

主にメニューナビゲーションに利用されることの多いアコーディオンのギミックですが、ここでは少ないスペースに情報を効率的に配置するのに便利なプラグインのまとめています。

Grid Accordion with jQuery

jq_accordion_01.jpg

選択した部分のエリアが拡大して表示されます。縦横ともに対応しています。

Easy Accordion jQuery Plugin

jq_accordion_02.jpg

自動的に切り替わっていくAutoPlayにもできます。

DesignReviver Horizontal Accordion

jq_accordion_03.jpg

サムネイル付のモジュール向きのプラグインです。

Turn an Unordered List into an jquery Accordion Menu

jq_accordion_04.jpg

マウスオーバーやインターバルなど、様々なイベントにも対応したプラグインです。

他にも見たい方はこちらもどうぞ。

裏側に隠れる情報もでてくるので多用は禁物ですが、ファーストビュー内に一定の要素を収めたい場合などに活用できそうですね。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」

    埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、…

  2. WEB制作関連

    どこまでも横に展開していきそうな25個のWEBサイト

    横スクロールで展開するWEBサイトのまとめです。…

  3. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選

    CSSをで制御して様々な演出をしているjQueryプラグインのまとめで…

  4. WEB制作関連

    海外Webサイトの特徴 -中国編-

    だいぶ久々の更新になってしまいました。実は仕事の都合で上海に行っていた…

  5. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(2)課題管理表

    実は普段仕事をしている中で、口頭でお願いした作業は100%忘れられると…

  6. WEB制作関連

    国内WEBデザインギャラリー厳選まとめ

    国内のWEBデザインのギャラリーサイトのまとめです。ギャラリーサイトは…

  1. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ
  2. Design Items

    超コンパクトな折りたたみ自転車「A-bike」
  3. WEB制作関連

    鮮やかな色合いが目を引くデザインのWEBサイト25個
  4. WEB制作関連

    様々なカレンダーを実装するjQueryプラグイン25選
  5. Design Items

    ジャケットが○○に早変わり!?
PAGE TOP
Top