选项卡

<div>
    <ul class="xq">
        <li class="xq-tab xq-tab-select">体检结果</li>
        <li class="xq-tab">异常数据</li>
    </ul>
    <!--体检结果-->
    <div class="xq-item"></div>
    <!--异常数据-->
    <div class="xq-item none"></div>
</div>

<script type="text/javascript">
   $('.xq li').each(function(i,target){
      $(target).click(function(){
         $(this).addClass('xq-tab-select').siblings('li').removeClass('xq-tab-select');
         $('.xq-item').hide().eq(i).show();
      })
   })
</script>