如何在淡入時淡入淡入淡出

Question

我想給淡入效果，同時在去除元素時附加一些元素和淡出效果。

所以，我想這

$(selector).closest('div').append(<p class="vali">hi this is test</p>).fadeIn(); 
$('.vali').fadeOut(); //this works because it is appended that is there is element 

但是當沒有元素和附加的時候，我可以給淡入效果直接沒有設置它首先display: none;並給予淡入效果

Answer 1

您可以創建一個CSS規則（，如果問題在於您正在使用jquery進行設置），使.vali元素爲display:none。

.vali{ 
    display:none; 
} 

這樣，當您將追加在他們最初被隱藏的DOM元素，並出現由於.fadeIn()

---

而且你的HTML代碼應該加引號，否則你將得到一個語法錯誤。

.append('<p class="vali">hi this is test</p>') 

Answer 2

我做了它的工作是這樣的

$(selector).closest('div').append(<p class="vali">hi this is test</p>).hide().fadeIn();