HTMLバーを1つずつ開閉させるにはinputのid名とlabel名を連動させるのがポイント。 つまり3つ目を増やすときはcssにmenu_bar03を追加する。 <div class="menu"> <input type="checkbox" id="menu_bar01" /> <label for="menu_bar01">バー01</label> <ul id="links01"> <li>内容01-A</li> <li>内容01-B</li> <li>内容01-C</li> </ul> <input type="checkbox" id="menu_bar02" /> <label for="menu_bar02">バー02</label> <ul id="links02"> <li>内容02-A</li> <li>内容02-B</li> <li>内容02-C</li> </u