早速、コメント付きでコードに進みましょう コードをコピー コードは次のとおりです: <br> div<br> {<br> border: 1px 単色黒;<br> width: 100px;<br> }<br> ul .tit, .content<br> {<br> list-style-type: none;<br> } <br> .menu<br> {<br> margin: 0px;<br> margin: 0px;<br> }<br> .tit<br> {<br> 背景色: #0094ff;<br> color:White;<br> パディング:2px 10px;<br> cursor:pointer;<br> }<br> <br> <script type="text/javascript"><br> $(function () {<br> //一开始直接隐藏菜单<br> $(".content") .hide();<br> //给标题追加点击イベント<br> $(".tit").click(function () {<br> //当点击の時、打开菜单、同時に他の菜单隐藏<br> $(this).next().slideDown().parent().siblings().children(".content").slideUp();<br> }).first().next()。 slideDown();//默认之後第一个菜单打开<br> });<br> < li class="tit">菜单1 11111< /li> < ;li>11111 11111 11111 菜单2 22222 22222 22222 22222 li> ;22222 22222 22222 < ;/ul>