如何在页面加载完成后4秒内轻松弹出div幻灯片？

Question

$(document).ready(function() {
    $("#online_bestellen").hide();
    setTimeout(function(){
        $("#online_bestellen").show()
    }, 4000);
    $('#online_bestellen').animate({
        bottom: '-=100px'
    }, 1500, 'easeOutBounce');
});

名为online_bestellen的div隐藏了4秒再次出现，但它没有滑入..

谁有更好的选择？

Answer 1

它凌乱，但看看它是否有效

$(document).ready(function() {
    $("#online_bestellen").hide("fast", function(){
        $("#online_bestellen").show("fast", function(){
            $('#online_bestellen').animate({
                bottom: '-100px'
            }, 1500, 'easeOutBounce');
        })
    });    
});

Answer 2

您可以使用jQuery slideup api。

参考jQuery Easing with slideUp Easing Function