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;}