<ul>
<li class="pe_u_thumb_list">
<img src="Images/tree_folder4.gif" /><a href="#">竟驰软件</a>
<ul>
<li><a href="#">11竟驰软件</a></li>
<li><a href="#">11竟驰软件</a></li>
<li><a href="#">好伙伴运输行业管理网络版</a></li>
<li><a href="#">11竟驰软件</a></li>
</ul>
</li>
<li class="pe_u_thumb_list">
<img src="Images/tree_folder4.gif" /><a href="#">竟驰软件</a>
<ul>
<li><a href="#">11竟驰软件</a></li>
<li><a href="#">11竟驰软件</a></li>
<li><a href="#">好伙伴运输行业管理网络版</a></li>
<li><a href="#">11竟驰软件</a></li>
</ul>
</li>
</ul>我想点tree_folder4.gif这个图片然后img后面的第一个ul要关闭。
jQuery(document).ready(function(){
jQuery(".pe_u_thumb_list").children("img").toggle(function(){
jQuery(this).parent().next("ul").show();
jQuery(this).attr("src","Images/tree_folder3.gif");
},function(){
jQuery(this).parent().next("ul").hide();
jQuery(this).attr("src","Images/tree_folder4.gif");
});
但是上面的代码为什么无效?
<script type="text/javascript">
//<![CDATA[
$(function(){
$('.pe_u_thumb_list img').toggle(function(){
$(this).parent().find('ul').toggle();
$(this).attr('src','Images/tree_folder3.gif');
},function(){
$(this).parent().find('ul').toggle();
$(this).attr('src','Images/tree_folder4.gif');
});
});
//]]>
</script>
$(function(){
$('.pe_u_thumb_list img').toggle(function(){
//$(this).parent().find('ul').toggle();
$(this).nextAll('ul').toggle();
$(this).attr('src','Images/tree_folder3.gif');
},function(){
//$(this).parent().find('ul').toggle();
$(this).nextAll('ul').toggle();
$(this).attr('src','Images/tree_folder4.gif');
});
});同样效果
$(document).ready(function(){
$("li.pe_u_thumb_list img").toggle(
function(){
$(this).attr("src","Images/tree_folder3.gif").next("ul").show();
},
function(){
$(this).attr("src","Images/tree_folder4.gif").next("ul").hide();
}
);
});
$(document).ready(function(){
$(".pe_u_thumb_list").children("img").toggle(function(){
$(this).next("a").next("ul").show();//这里的this是指img
$(this).attr("src","images/1.png");
},function(){
$(this).next("a").next("ul").hide();
$(this).attr("src","images/2.png");
});
});