jQuery - 點擊隱藏我已經點擊顯示的元素

Question

所以我發現了一個腳本，可以很好地顯示一個隱藏的div，只要點擊我選擇的另一個元素。但是，我希望這更像一個切換。誰能幫我嗎？我試過盡我所能調整腳本，但jQuery並不是我的特長。

<script type="text/javascript"> 
    (function($){ 
    document.documentElement.className += " js"; // Add js class to the HTML element 
    $(function(){ 
     var $containers = $("#repaircontent").hide(); 

     jQuery(document).ready(function(){ 
     /* Show the HTML page only after the js and css are completely loaded */ 
     delayShow(); 
     }); 

     function delayShow() { 
     var secs = 1000; 
      setTimeout('jQuery("#repaircontent").css("visibility","visible");', secs); 
     } 

     $('#repairtab').each(function(i,el){ 
     var idx = i; 
     $(this).click(function(e){ 
      var $target = $containers.filter(':eq(' + idx + ')'); 
      $target.not(':visible').fadeIn(); 
      e.preventDefault(); 

     }) 
     }) 
    }) 
    })(jQuery); 
</script> 

Answer 1

你試過jquery的切換嗎？ http://api.jquery.com/toggle/

Answer 2

只需更換淡入與切換...

 $('#repairtab').each(function(i,el){ 
    var idx = i; 
    $(this).click(function(e){ 
     var $target = $containers.filter(':eq(' + idx + ')'); 
     $target.toggle(); 
     e.preventDefault(); 

    }) 
    }) 
}) 
})(jQuery);