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


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

(……きこえますか……きこえますか)
Σ(◉◒◉)ん?

 

(……どうもです……はやちです(:3_ヽ)_)
???(◉◒◉)三(◉◒◉)???

 

(いま……あなたの……心に……直接……呼びかけています…(:3_ヽ)_)
(◉◒◉;)お 俺にか……??

 

(以前「スマホサイトに入れると使いやすくなる!おすすめjQuery4選!」の中でアコーディオンメニューを紹介しましたが、他にも参考になるデザインとUIはないかなと思い集めてみました。ご紹介します……(:3_ヽ)_)
(◉◒◉;)ほ ほほう

Flexible Slide-to-top Accordion


(矢印がくるっと回ってアコーディオンが開くタイプ。矢印の動きがおもしろいですね。_(:3」∠)_)
(◉◒◉)ほほう

この記事を書いた人

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

こちらもおすすめ

jQuery標準デザイン講座

jQuery標準デザイン講座

  • 著者神田 幸恵
  • 価格¥ 2,678(2016/01/08 16:46時点)
  • 出版日2015/12/16
  • 商品ランキング7,989位
  • 大型本304ページ
  • ISBN-104798136220
  • ISBN-139784798136226
  • 出版社翔泳社