はてなブックマーク

アコーディオンメニューの開くボタン・閉じるボタンをCSSのみで作成しています。形状は開くボタンがプラス（＋）、閉じるボタンがマイナス（－）です。画像は使用していません。 サンプルはメインメニュー・サブメニューのナビゲーションです。 htmlのコードは下記になります。 メインメニューとそれに関連付けたサブメニューを定義リストでマークアップしています。 <dl class="toggle_contents"> <dt class="toggle_title">メインメニュー01<span class="toggle_btn">開く</span></dt> <dd> <ul> <li><a href="#">サブメニュー01</a></li> <li><a href="#">サブメニュー02</a></li> <li><a href="#">サブメニュー03</a></li> </ul> </d