使用jQuery 1.6.3显示和隐藏之间的动画差异

我有多个带有链接的容器，如下所示：

<div class="items" id="first"><a href="item1">item 1</a></div>

现在的问题是，文本显示缓慢，但占据的位置被立即占据。如何实现oposite？文本立即可见，其所占位置缓慢显示？

您可能还希望显示：block以确保文本不会换行

当您的

被隐藏时，它们不会占用屏幕空间。一旦它们消失，它们就会突然占据空间。这就是为什么，在您的实例中，在悬停时，您会立即看到空间打开了

文本已从占用零空间变为占用全部空间。它不是立即可见的，因为不透明度从零开始，仅在1500毫秒后达到完全不透明度。即使在不透明度为零的情况下，它仍然存在，占用了空间

---

所以你问的不太可能。你可以让你的

绝对定位，这样它们就不会占用空间，然后在它们完全淡入后，让你的图形之间的空间扩大，但我不确定这就是你想要的

哦，奇怪，我在jQuery1.4.4中尝试了它，它工作正常，但正如您的JSFIDLE所示，它在1.6.3中中断了

无论如何，我猜这是因为

a

标记默认值具有

显示
样式的
内联
，不允许您指定宽度

您可以将其强制为
.items a{display:inline block；}
，然后使用JQuery隐藏它们：

$(".items a").hide();

在我看来，这两个问题都进展缓慢，所以我不太明白你的问题是什么？让节目的延迟变小？我应该多解释一点。在css中，我将链接的宽度设置为0。然后我们使用jquery（）在悬停状态下显示它。现在显示的宽度为0px。接下来，我们将链接设置为一个宽度，以获得所需的结果。在鼠标上做相反的操作如果米洛不需要文本淡入，那么这个方法很有效——虽然不太清楚最终的结果应该是什么。
$(".items a").hide();