クリックで折りたたみ！jQueryで作る簡単アコーデオンメニュー | WEB-LABO

HTMLはこうなってます このブログのCSSとかぶらないように、今回は敢えてdiv要素を使っていますが、この辺は自由に変更してください。 <div id="a">AAAAAAAAAA</div> <div id="wrap_a"> <p>A1</p> <p>A2</p> <p>A3</p> <p>A4</p> <p>A5</p> </div> <div id="b">BBBBBBBBBB</div> <div id="wrap_b"> <p>B1</p> <p>B2</p> <p>B3</p> </div> <div id="c">CCCCCCCCCC</div> <div id="wrap_c"> <p>C1</p> <p>C2</p> <p>C3</p> <p>C4</p> </div> 次はCSSです 大項目メニューを太字にして、マウスが重なった時にカーソルを変更しています。 中項目