jQuery：スライドイン/アウトではなく、表示/非表示

Question

私はタブ付きのナビゲーションに取り組んでいます。こちらはexampleです。今のところcontens slidesUp/Downが表示されますが、消えたり出たりしたいだけです。何か案は？

// 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_show).show(); 

と

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

と

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

と

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

Answer 2

又は

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

と

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