如何使用prepend隐藏fadeIn

Question

我正在使用jQuery和Bootstrap进行聊天系统

我想同时显示三条消息。

我希望正常显示msg1和msg2，然后让msg3淡入：

$('#chat-history').prepend(msg1)
$('#chat-history').prepend(msg2) 
$('#chat-history').prepend(msg3).hide().fadeIn(500); 

但它会让每条信息都消失。

我想只让最后一条消息消失。

我该怎么做？

Answer 1

$('#chat-history').prepend(msg1, msg2, msg3);

$(msg3).hide().fadeIn(500); // if msg3 is already a jQuery object, you can omit the $() wrapping function