더 이상 고민하지 말고 바로 코드로 넘어가겠습니다. 코멘트를 사용하여 코드 복사 코드는 다음과 같습니다. <br> div<br> {<br> 테두리: 1px 단색 검정색;<br> 너비: 100px;<br> }<br> ul .tit, .content<br> {<br> 목록 스타일 유형: 없음;<br> } <br> .menu<br> {<br> 패딩: 0px;<br> 여백: 0px;<br> }<br> .tit<br> {<br> 배경색: #0094ff;<br> 색상:흰색;<br> 패딩 :2px 10px;<br> 커서:포인터;<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 gt; < ;li>11111 11111 11111 菜单2 22222 22222 22222 菜单3 22222 22222 22222 < ;/ul>
