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>
</ul>
<script type="text/javascript">
$('.ts li').hover(function(){
$(this).addClass('action').siblings().removeClass('action')
})
</script>
.action .con{ display:block;}
.action .hd{ display:none;}