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