jquery - 淡入淡出问题！一旦 div 不再超过元素，使 div 淡入

Question

我目前有两个 div “#Header_Info”和“article”

文章是在页面上显示信息的静态 div，#Header_Info 是扩展以显示额外信息的 div，但是当 #Header_Info 扩展时它会覆盖文章，所以我在其他 div 扩展它之前使文章淡出，但问题是当您再次单击该按钮时，文章会在#Header_Info 折叠之前出现，我可以弄清楚我哪里出错了。

这是我的代码：

$('.address a').click(function () {
    $("article").fadeToggle("fast", function () {
        $('#Header_Info').slideToggle('slow', function () {
            $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours");
        });
    });
}); 
});

Answer 1

您可以尝试以相同的速度淡入淡出，同时淡入淡出

$('.address a').click(function () {
    $("article").fadeToggle("fast");
    $('#Header_Info').slideToggle('fast', function () {
        $(".address a").text($(this).is(':visible') ? "Hide Information" : "Address & Opening Hours");
    });
}); 

如果您可以提供一些相关的 html 标记，我可以创建一个用于测试的小提琴，因为此代码可能有一个错误或 2

像这样的http://jsfiddle.net/e6wPa/ 最小 css