顯示一個div並隱藏他人

Question

我剛剛創建了這個腳本。當你點擊一個鏈接時，它會顯示一個具有相同鏈接標識的div，並隱藏其他哪些類是可隱藏的。

function showhide(id) { 
     if (document.getElementById) { 
     var divid = document.getElementById(id); 
     var divs = document.getElementsByClassName("hideable"); 
     for (var i = 0; i < divs.length; i = i + 1) { 
      $(divs[i]).fadeOut("slow"); 
     } 
     $(divid).fadeIn("slow"); 
     } 
     return false; 
    } 

但是，當我點擊一個鏈接，第一個div只是隱藏，另一個顯示，它看起來真的很糟糕。如何在沒有動畫的情況下隱藏其他div並用動畫顯示。

我試過用$（divid）.style.display =「none」;但它不會工作。

Answer 1

.hide（）將隱藏沒有動畫

你的情況：

$(divs[i]).hide();