jQuery：只顯示/隱藏，而不是slideIn/Out

Question

我正在進行選項卡式導航，這裏是一個example。目前這個比賽滑過上/下，但我想讓它消失/出現。有任何想法嗎？

// When the document loads do everything inside here ... 
    $(document).ready(function(){ 

    // When a link is clicked 
     $("a.tab").click(function() {    

      // switch all tabs off 
      $(".active").removeClass("active"); 

      // switch this tab on 
      $(this).addClass("active"); 

      // slide all content up 
      $(".content").slideUp(); 

      // slide this content up 
      var content_show = $(this).attr("title"); 
      $("#"+content_show).slideDown(); 

     }); 

     }); 

Answer 1

更換

$(".content").slideUp(); 

與

$(".content").hide(); 

和

$("#"+content_show).slideDown(); 

與

$("#"+content_show).show(); 

Answer 2

或

$(".content").fadeOut(); 

和

$("#"+content_show).fadeIn();