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('slow') 函数，并且在鼠标从悬停区域移除后，附加的 div 不会慢慢淡出，而是立即淡出。有人可以建议我在这里缺少什么吗？

谢谢！

Answer 1

您现在遇到的问题是.append() 的结果是您的原始元素，而不是您刚刚附加的新元素。尝试：

1. 反转您的 append 逻辑的意义
2. 开始隐藏元素：

例如

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