添加時尚效果JQuery標籤

Question

任何人都可以告訴我如何包括淡入淡出影響一旦一個選項卡被點擊？ 我玩過FadeIN，但無法使用它。任何幫助深表感謝！

謝謝veyr多！

enter code here 

<script> 
     // Wait until the DOM has loaded before querying the document 
     $(document).ready(function(){ 
      $('ul.tabs').each(function(){ 


enter code here 

     // For each set of tabs, we want to keep track of 
       // which tab is active and it's 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').fadeIn(200); 
       $content = $($active.attr('href')); 

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

       // Bind the click event handler 
       $(this).on('click', 'a', function(e){ 
        // Make the old tab inactive. 
        $active.removeClass('active'); 
        $content.hide(); 

        // Update the variables with the new link and content 
        $active = $(this); 
        $content = $($(this).attr('href')); 

        // Make the tab active. 
        $active.addClass('active'); 
        $content.show(); 

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

Answer 1

只要$內容指的是一個有效的對象，只要將你的淡出在適當情況下。

  // Bind the click event handler 
      $(this).on('click', 'a', function(e){ 

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

       // Make the old tab inactive. 
       $active.removeClass('active'); 
       $content.fadeOut(500); 
       // Update the variables with the new link and content 
       $active = $(this); 
       $content = $($(this).attr('href')); 

       // Make the tab active. 
       $active.addClass('active'); 
       $content.fadeIn(500); 

      }); 

我搬到了preventDefault頂端，因爲它可能是最好的最初的onClick要採取的行動。