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

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

はやち

はやち

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

 

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

 

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

 

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

Flexible Slide-to-top Accordion


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

この記事のシェア数

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

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

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