Jquery制作树形菜单
html代码如下:
当点tree_folder4.gif这个图像的时候他下面一个ul的属性就是display:none
<ul> <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif" /><a href="#">软件1</a></li> <ul> <li><a href="#">管理通1</a></li> <li><a href="#">管理通1</a></li> </ul> <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif" /><a href="#">竞驰软件</a></li> <ul> <li><a href="#">管理通2</a></li> <li><a href="#">管理通2</a></li> </ul> </ul>
$(document).ready(function(){ $(".pe_u_thumb_list").children("img").toggle(function(){ $(this).parent().next("ul").hide(); },function(){ $(this).parent().next("ul").show(); });});