Tabs Jquery

<script type="text/javascript">
   $(document).ready(function() {
      // Tabs
       jQuery(".tabs_table .tab-content").hide(); //Hide all content

       jQuery('.tabs_table').each(function(){
               jQuery(this).find("#services-menu > li:first").addClass("current-menu-item").show(); //Activate first tab
               jQuery(this).find(".tab-content:first").show(); //Show first tab content
       });

       //On Click Event
       jQuery("#services-menu > li").click(function() {
               jQuery(this).parent().find("li").removeClass("current-menu-item"); //Remove any "active" class
               jQuery(this).addClass("current-menu-item"); //Add "active" class to selected tab

               var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content

               jQuery(this).parent().parent().children(".box-tabs").children(".panes").find(".tab-content").hide();
               jQuery(this).parent().parent().children(".box-tabs").children(".panes").find('div[data-id='+activeTab+']').fadeIn('fast');

               return false;
       });
   });
</script>


<div class="tabs_table">
   <ul id="services-menu">
       <li><a href="#1">1</a></li>
       <li><a href="#2">2</a></li>
       <li style="margin-right: 0;"><a href="#3">3</a></li>
   </ul>
   <div class="box-tabs">
       <div class="panes">
           <div id="tab01" class="tab-content" data-id="#1">
           </div>
           <div id="tab02" class="tab-content" data-id="#2">
           </div>
           <div id="tab03" class="tab-content" data-id="#3">
           </div>
       </div>
   </div>
</div>