您现在的位置是:首页 > 电脑技术查询 > web开发

Jquery制作树形菜单解决办法

编辑:chaxungu时间:2022-10-02 23:23:56分类:web开发

Jquery制作树形菜单
html代码如下:
当点tree_folder4.gif这个图像的时候他下面一个ul的属性就是display:none
HTML code <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>

------解决方案--------------------
jquery的treeview插件很多 你到jquery.com里找下吧。看哪个合适呢
------解决方案--------------------
JScript code$(document).ready(function(){ $(".pe_u_thumb_list").children("img").toggle(function(){ $(this).parent().next("ul").hide(); },function(){ $(this).parent().next("ul").show(); });});