jQuery - 淡入/淡出项目，同时保留流程布局

Question

我的网络应用程序中有一个项目列表;每个都有一组排列在它下面的命令按钮。

为了保持界面清洁，这些按钮仅在您将鼠标悬停在项目上时显示。这些按钮包含在具有以下CSS属性的标记中：visibility: hidden

这会保留布局 - 以便在显示按钮时列表项不会跳转。

我想要做的是使用jQuery淡入/淡出按钮。但是，默认方法（fadeIn(), fadeOut()）似乎使用display: none，这会从流中删除按钮。

我需要的是一种使用visibility属性淡入或淡出它们的方法。那么，在我开始搜索之前，是否有人知道这样做的一种显而易见的方式我错过了？

干杯

Answer 1

滚动你自己的淡出，如下：

$(this).animate({opacity: "0.0"});

Answer 2

好像是$（this）.fadeTo（“slow”，0）;应该这样做，文档没有说明设置显示。只有fadeOut（）有display：none;在文档中设置，但给我一点时间，我会测试它。

Answer 3

为您正在淡化的元素创建空的包装器DIV（具有指定的尺寸）。淡化里面的东西。或者，您可以将其淡化为1％，因此它仍会占用空间，但几乎看不到。