dimanche 17 juillet 2016

Slide and Fade div simultaneously

Hello my fellow coders!

I'm trying to use slide and fade simutaneously in jquery to make a "msg box" slide up and down, but i did not manage to make it wait (with delay) so the user can actually see the text in the msg box. I tried to put the delay call before stop but it doesnt work. Any ideas on how that can be done?

$('#msg_callout').stop(true, true)
                 .fadeIn({ duration: 'slow', queue: false })
                 .css('display', 'none').slideDown('slow', function () {

    $('#msg_callout').stop(true, true).delay(7000, function() {
        $(this).slideUp('slow').fadeOut({ duration: 'slow', queue: false });
    });
});

Thanks.

Aucun commentaire:

Enregistrer un commentaire