Question

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

文章是一个静态div，它显示页面上的信息，而#Header_Info是一个扩展显示额外信息的div但是当#Header_Info扩展时它会超过Article，所以我在其他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标记，我可以创建一个小提琴进行测试，因为这段代码可能有一个bug或2

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

Fadein问题！一旦div不再超过元素，使div fadein

1 个答案: