Jquery將元素添加到Div並在懸停上顯示/隱藏

Question

我正在嘗試使用jquery將頁腳div添加到另一個div中，並在懸停時顯示新添加的頁腳div，然後慢慢淡入/隱藏。這是我想出了迄今爲止代碼：

<script type="text/javascript"> 
$('.xg_widget_main .module_forum .vcard').hover(function(){ 
$(this).append($('.module_forum .xg_module_foot').show('slow')); 
}); 
</script> 

我這個代碼所面臨的障礙是，所附的div將不服從.show（「慢」）功能，鼠標移開後從懸停區域附加的div不會慢慢淡出，但瞬間。有人可以提供一些建議，我在這裏錯過了什麼？

謝謝！

Answer 1

你現在的問題是，.append()結果是你原來的元素，而不是你的新只是appended.Try：

1. 你扭轉append邏輯
2. 感開始元素關閉隱藏：

例如

$('.module_forum .xg_module_foot').hide().appendTo(this).show('slow');