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. 启动隐藏的元素：

e.g。

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