Question

我有一个位于右下角的div（div1）。单击div1时，将使用jQuery删除它。

我想在div1上方放置另一个div（div2），并且在删除第一个div之后，我希望第二个div向下滑动，第一个div曾经是。

这是我的DEMO。

Answer 1

你可以这样做：

$(function() {
    $(".div2").css({
        // places .div2 right above .div1
        bottom: $(".div1").outerHeight() + "px"
    });
    $(".div1").click(function() {
        $(".div1").fadeOut("slow", function() {
            $(this).remove();
            $(".div2").animate({
                bottom: "0px" // slides .div2 down
            });
        });
    });
}

jsFiddle example here

Answer 2

嗯......我对你的问题并不完全清楚，但这是你想要的吗？

http://jsfiddle.net/X7XVa/

Answer 3

如果＃div2尚不存在：

$('#div1').slideUp(300, function(){
    $(this).before('<div id="div2">Content</div>');
    $(this).remove();

    $('#div2').slideDown(300);
});

或者，如果页面上已经有＃div2：

$('#div1').slideUp(300, function(){
    $(this).before('#div2');
    $(this).remove();

    $('#div2').slideDown(300);
});

使用/ jQuery删除堆叠两个div并逐个滑动

3 个答案: