带有jQuery和css的交叉淡入淡出div

Question

我能做到，但想知道是否有更简单的方法。我有两个div，其中一个最初是隐藏的。隐藏时，div根本不应占用任何屏幕空间，因此我使用的是visibility: hidden而不是display: none。但是，jQuery的fadeIn()只处理后者，所以代码是

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

和js / jquery：

$("#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
    });
});

工作得很好，但是对于所有这些css类的杂耍，我错过了一些更简单的东西吗？