jQueryで簡単アコーディオンのサンプルを作ってみた

jQueryで動くアコーディオンを作ってみました。 CSS3のtransitionを利用していますので、IE8以下は▲,▼の表示が表示されません。 IE9以降のブラウザで御覧ください。 サンプルの解説 「タイトル」をクリックすると「中身」がぬるっと出てきます。 「タイトル」の右側にある▼マークは「中身」が開くと▲に変わります。 三角部分はcssで作成しています。画像は使っていません。 アコーディオンの中身のlistは#にリンクしています。

[civatan55]

導入がかなり楽だったのでブックマーク。