日期:2014-05-16  浏览次数:20481 次

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();
    });
});