組合 - 顯示行內塊和無？

Question

div#errors_of_saved{ 
    width: 100px; 
    display: inline-block; 
    display: none;} 

有錯誤的div，這是隱藏的，直到一些JS函數不會淡入它，它也應該內聯顯示。

問題 - 這種方式文本編輯器說，display屬性被覆蓋，display: inline-block none; - 該語法是無效的。

我不想使用visibilty:hidden，因爲jquery動畫fadeIn() fadeOut()不能使用可見性。

我該怎麼辦？

Answer 1

由於div#errors_of_saved按需顯示以顯示錯誤消息，因此我會將默認值設置爲display: none。

jQuery傾向於使用display: block來顯示元素。由於要使用display: inline-block，我可能會嘗試設置更具體的CSS規則，例如：

div#errors_of_saved.show { 
    display: inline-block 
} 

，然後讓jQuery的添加類爲需要顯示錯誤消息。

我的建議假定你可能使用jQuery animate()函數，但有幾種方法可以嘗試。