javascript - 在使用jquery在mouseover上淡入之前，如何让隐藏元素占用空间？

如何让元素在隐藏时占据空间，然后使用jquery mouseover使其显示。
这是一个例子。
http://jsfiddle.net/Nj97k/
当我隐藏可见性时，图标不再在鼠标悬停时淡入。

最佳答案

最初使不透明度为0

<a id='posttext'class='flagpost' style='color:grey;' href='javascript:void(0)'>
    <i style="opacity: 0 " class='icon-flag'>This is an icon</i>Flag
</a>​

然后正常淡出：

$('.flagpost').mouseover(function() {
    $('.icon-flag').fadeTo(500, 1);

});
$('.flagpost').mouseleave(function() {
    $('.icon-flag').fadeTo(300, 0);
});​

Demo here

关于javascript - 在使用jquery在mouseover上淡入之前，如何让隐藏元素占用空间？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10679932/