[CSS]デザインも美しい、アニメーションで開閉するアコーディオンを実装するチュートリアル | コリス

HTML5+CSS3を使って、ユーザビリティを考慮した省スペースで多くのコンテンツを配置するアコーディオンパネルを実装するスタイルシートを紹介します。 デモページのキャプチャ Pure CSS3 accordionの実装 HTML5への対応 HTML5（section要素）を使用するので、サポートしていない古いブラウザ用に準備します。 <script>document.createElement('section');</script> 参考：HTML5 Shiv あとは、外部スクリプト「html5.js」を記述し、IEなどの古いブラウザでもHTML5のエレメントが利用できるようにします。 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> HTML 各パネルはsection要素で管理し、バー

[gadgetshop]

アニメーションで開閉するアコーディオンパネルの実装

[kkeisuke]

:target

[msuhara]

アコーディオン

[hr07jp]

HTML5+CSS3アコーディオン

[kyaido]

アコーディオン

[nors]

http://www.red-team-design.com/css3-accordion

[kams3261]

デザインも美しい、アニメーションで開閉するアコーディオンメニュー

[Donca]

✔ [CSS]デザインも美しい、アニメーションで開閉するアコーディオンを実装するチュートリアル