jquery tab 切换

js部分

<script type="text/javascript">
   $('.tab_t').click(function(event) {
                    $(this).addClass('tab_t_cur');
                    $(this).siblings().removeClass('tab_t_cur');
                    $('.tab_c').eq($(this).index()).addClass('div_show');
                    $('.tab_c').eq($(this).index()).siblings().removeClass('div_show');
                });
</script>

html 部分

     <div class="tab_t_box tc"> 
      <span class="tab_t tab_t_cur">tab1</span> 
      <span class="tab_t">tab2</span> 
      <span class="tab_t">tab3</span> 
     </div> 

<div class=" tab_c " >内容1</div>

<div class="tab_c " >内容2</div>

<div class="tab_c" >内容3</div>

css部分

只写主要代码 样式自调

.div_show{

dispaly: none;

}