废话不多说,直接上代码: 有注释 复制代码 代码如下: <BR> div<BR> {<BR> border: 1px solid black;<BR> width: 100px;<BR> }<BR> ul .tit, .content<BR> {<BR> list-style-type: none;<BR> }<BR> .menu<BR> {<BR> padding: 0px;<BR> margin: 0px;<BR> }<BR> .tit<BR> {<BR> background-color:#0094ff;<BR> color:White;<BR> padding:2px 10px;<BR> cursor:pointer;<BR> }<BR> <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> 菜单1 11111 11111 11111 11111 菜单2 22222 22222 22222 22222 菜单3 22222 22222 22222 22222
