Как я могу сделать слайд div с легким отскоком через 4 секунды после завершения загрузки страницы?

Question

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

Див называется online_bestellen прячется и через 4 секунды появляется снова, но не скользит

У кого есть лучший вариант?

Answer 1

Вы можете использовать jQuery slideup api.

Обратитесь к jQuery Easing с функцией Eclipse Easing

Answer 2

Это грязно, но посмотрите, работает ли это

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