tab jquery nhanh

###################################### click
$('#tab_preview a').click(function (e) {
                    e.preventDefault();
                    $(this).tab('show');
});

###################################### hover
                $('#tab_preview a').hover(function (e) {
                      e.preventDefault();
                      $(this).tab('show');
                  });
code:

<div class='home-tab-news'>       
            <div class='menu-tab'> 
                <ul id='tab_preview' class='nav nav-tabs'>";
                <li class='section_1 active'><a href='#section_1'></a></li>       
                <li class='section_2 '><a href='#section_2'></a></li>    
                <li class='section_3 '><a href='#section_3'></a></li>
                <li class='section_4'><a href='#section_4'></a></li>
                <li class='section_5'><a href='#section_5'></a></li>
                </ul>            
          </div>        
</div>
    
        <div class="tab-content">

                  <!--tab section_1-->
                  <div class="tab-pane active" id="section_1">           
                          noi dung
                  </div>
            
                  <!--tab section_2-->
                  <div class="tab-pane" id="section_2">
                          noi dung
                  </div>
              
                  <!--tab section_3-->
                  <div class="tab-pane" id="section_3">
                            noi dung
                 </div>
                   <!--tab section_4-->
                  <div class="tab-pane" id="section_4">
                             noi dung
                 </div>

                   <!--tab section_5-->
                  <div class="tab-pane" id="section_5">
                          noi dung
                 </div>

  </div>
#----------------------------# Script

http://asa.cty.vn/script/jquery-1.10.2.js

http://dv.cty.vn/themes/zemlya/style/bootstrap3/js/bootstrap.js