セブではたらく(インターン)
セブではたらく(インターン)
2012.12.03

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

はやち

Grid Accordion with jQuery


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

SLIDORION


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

ACCAROUOSEL


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

Beautiful jQuery Vertical Sliding Accordion


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

まとめ

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

  • 1
  • 2