How to add animation on open of a Jquery SimpleModal?

Posted by Obay on Stack Overflow See other posts from Stack Overflow or by Obay
Published on 2010-06-07T13:29:00Z Indexed on 2010/06/07 13:32 UTC
Read the original article Hit count: 380

The animation-enabled example in the SimpleModal site has this animation:

1. Fade in the overlay
2. Slide down the modal div

This is the code:

$("#the-div").modal({
onOpen: function (dialog) {
    dialog.overlay.fadeIn('fast', function () {
        dialog.data.hide();
        dialog.container.show('fast', function () {
            dialog.data.slideDown('fast');
        });
    });
}});

I want this animation instead:

1. Just display the modal
2. Fade in the overlay

Alas, simply removing the 2nd parameter of dialog.overlay.fadeIn() from the code above doesn't work. I also tried removing the parameters of dialog.container.show(), also changing it to dialog.container.open(). I've tried other combinations of the code, to no avail.

How do I achieve the animation that I wish?

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery