Jquery fadeIn + toggleclass（hide）

Question

我想要的效果是（1）「abc」div未在內部顯示，（2）在頁面加載時緩慢淡入，（3）頁面上有按鈕onclick在「abc」div上切換一個「隱藏」類，這樣我就可以隱藏/顯示它。

我試圖實現這些事情的方式是： （1）將「abc」div設置爲display：none;最初在我的CSS （2）使用jQuery淡入財產 （3）有一個按鈕，切換它

我知道我的按鈕作品隱藏/顯示，之前我把所有的jQuery的淡入在那裏。 我知道fadeIn的作品，因爲我可以看到它褪色在 但是，這些都在一起的意思是隱藏/顯示按鈕，當它在這樣的淡入淡出的時候不起作用，即使它在我之前工作過設置顯示：無;在它上面，並嘗試jQuery。

請幫忙！

我試圖做一個jsfiddle，但它不完全工作。但是你可以看到代碼的基礎知識，我使用：http://jsfiddle.net/3bSB2/4/

這裏是它的一部分（此代碼是必需的，這樣我可以包括的jsfiddle：

$(window).on("load", function() { 
    $(".abc").fadeIn(525); 
}); 

Answer 1

這是因爲.fadeIn()使用內聯CSS。

固定您的問題，加!important您display:none 這樣

.hide { 
    display: none!important; 
} 

demo

，或者如果你只是顯示，沒有額外的CSS樣式/隱藏，你可以只使用.toggle()，而不是.toggleClass()這樣

$(".abc").toggle(); 

demo