jQuery sibling()的用法？大神求教!

[craneoo]

<div class="a"> 这是一个导航，第一个图片显示， 我想让鼠标划上li的时候C里面的img显示，其他C里面的IMG隐藏
<ul> 用jQuery如何实现，大神求教。
<li>
<div class="b"></div>
<div class="c"><img src="" alt="" /></div>
</li>
<li>
<div class="b"></div>
<div class="c"><img src="" alt="" style="display:none" /></div>
</li>
<li>
<div class="b"></div>
<div class="c"><img src="" alt="" style="display:none" /></div>
</li>
</ul>
</div>

[slwsss]

$('li').hover(function(){$('.c img',this).show()},function(){$('.c img',this).hide()})

[mickey302]

用css就可以了 .c img{display:none;} ul>li:first-of-type .c img{display:block;} ul:hover>li .c img{display:none;} ul>li:hover .c img{display:block;}