動きが気持ちいい!jQuery(+CSS3)で作るアコーディオンまとめ8選!

動きが気持ちいい!jQuery(+CSS3)で作るアコーディオンまとめ8選!

はやち

はやち

Grid Accordion with jQuery

(縦にも横にも動いちゃうアコーディオン、コンテンツを多く見せれますね_(:3」∠)_)
(◉◒◉)いっぱい見せちゃう!

SLIDORION

※上記サイトは現在閉鎖されています。

(アコーディオンの動きに合わせて縦にも横にも動いちゃうデザイン_(:3」∠)_)
(◉◒◉)三(◉◒◉)いっぱい動いちゃう!

ACCAROUOSEL

(クリックしたときの開き方がおもしろいアコーディオンスライダー_(:3」∠)_)
(◉◒◉)三(  ◉◒◉  )広がっちゃう!

Beautiful jQuery Vertical Sliding Accordion


(こちらは縦に広がるタイプのアコーディオンDEMOにいろんなパターンの動きがあります。_(:3」∠)_)
(◉(◉( ◉◒◉ )◉)◉)ビヨーン 写真の見せ方がカッコイイ!

まとめ

(コンテンツだけでなくスライダーとしてimageを見せる方法もあるんだと改めて勉強になりました。いつか制作するときに使用してみたいです_(:3」∠)_)
(◉◒◉)使いたい!

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL