tab切换

  <div class="investment_title">

    <div class="aat">切换内容一</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>