[CSS]スクリプト無しで、スタイルシートで実装するアコーディオン

CSSplayのエントリーから、スクリプトを使用せず、スタイルシートで実装するアコーディオンの紹介です。

スタイルシートで実装するアコーディオンのキャプチャ

Concertina menu

アコーディオンで表示される箇所には、テキスト以外にもリストや画像などの要素を自由に配置することができます。

動作環境は、IE6, IE7, Firefox, Opera, Safari(PC)となっています。
※IE8(現在ベータ版)では動作しないと記載されていますが、IE8(ベータ版)では他にもいろいろ動作しないものがあるので、早くどうにかならないものかな、と。

sponsors

top of page

©2024 coliss