Javascript 使用jQuery和css交叉衰减div

我能做到，但不知道是否有更直接的方法。我有两个div，其中一个最初是隐藏的。隐藏时，div不应该占用任何屏幕空间，因此我使用的是

可见性：hidden

，而不是

显示：none

。但是，jQuery的

fadeIn（）

只处理后者，因此代码是

<style>
    .hidden { visibility: hidden; }
    .nodisplay { display: none; }
</style>

---

工作很好，但是对于所有这些复杂的css类，我缺少了更简单的东西吗？

也给我们您的初始HTML。“隐藏时，div不应该占用任何屏幕空间，所以我使用visibility:hidden而不是display:none”是矛盾的<代码>可见性：隐藏保持页面上元素的布局，因此它仍然会占用空间。

不透明度也是如此。在jquery中，您可以使用
$.fadeTo（）
来模拟
$.fadeIn（）/$.fadeOut（）
，但是使用
不透明度
而不是
显示：无/块
，而不查看html，这样做似乎与现有代码相同
$("#hideThis").fadeOut('fast', function() {
    $("#hideThis").addClass('hidden'); // add visibility: hidden after fadeOut
    $("#showThis").addClass('nodisplay'); // add display: none before fadeIn
    $("#showThis").removeClass('hidden'); // remove visibility: hidden
    $("#showThis").fadeIn('fast', function() {
        $("#showThis").removeClass('nodisplay'); // remove display: none
    });
});