JS------鼠标hover动作，显示与隐藏的切换

html

<ul class="ts">

<li class="action">

<div class="hd"></div>

<div class="con"></div>

</li>

<li>

<div class="hd"></div>

<div class="con"></div>

</li>

</ul>

<script type="text/javascript">

$('.ts li').hover(function(){

$(this).addClass('action').siblings().removeClass('action')

})

</script>

.action .con{ display:block;}

.action .hd{ display:none;}