tab切换

  <div class="investment_title">
    <div class="on">切换内容一</div>
    <div>切换内容二</div>
    <div>切换内容三</div>
  </div>
  <div class="investment_con">
    <div class="">
      内容一
    </div>
    <div class="">
      内容二
    </div>
    <div class="" >
     内容三
    </div>
  </div>

<script type="text/javascript" charset="utf-8">
            $(function(){
            /*tab标签切换*/
            function tabs(tabTit,on,tabCon){
            $(tabCon).each(function(){
              $(this).children().eq(0).show();
             
              });
            $(tabTit).each(function(){
              $(this).children().eq(0).addClass(on);
              });
             $(tabTit).children().click(function(){
                $(this).addClass(on).siblings().removeClass(on);
                 var index = $(tabTit).children().index(this);
                 $(tabCon).children().eq(index).show().siblings().hide();
            });
             }
          tabs(".investment_title","aat",".investment_con");
          
         })
        </script>