光滑的jquery标签滑动

Question

无法弄清楚如何使用hide / show jquery 每当我通过细节时，它都会改变其余代码的工作方式，并在一个页面上显示所有选项卡

 $('ul.tabs').each(function(){
       // For each set of tabs, we want to keep track of
       // which tab is active and its associated content
       var $active, $content, $links = $(this).find('a');

       // If the location.hash matches one of the links, use that as the active tab.
       // If no match is found, use the first link as the initial active tab.
       $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
       $active.addClass('active');

       $content = $($active[0].hash);

       // Hide the remaining content
       $links.not($active).each(function () {
         $(this.hash).hide();
       });

       // Bind the click event handler
       $(this).on('click', 'a', function(e){
         // Make the old tab inactive.
         $active.removeClass('active');
         >trying to figure out how to change so that it will slide to new tab
         $content.hide();

         // Update the variables with the new link and content

         $active = $(this);
         $content = $(this.hash);

         // Make the tab active.
         >trying to figure out how to change so that it will slide to new tab
         $active.addClass('active');
         $content.show();

         // Prevent the anchor's default click action
         e.preventDefault();
       });
     });