add a delay to javascript fadeIn effect?

Question

Possible Duplicate:
delay JQuery effects

Does anyone know how I can add a time delay of about 1 second to this script?

I want the modcontentplatinummore div that fadesIn to fade in about a second after modcontentplatinum fades out.

Thanks.

<script>
$(".modcontentplatinummore").hide();
$('.morebutton-platinum').click(function () {
    if ($('.modcontentplatinummore').is(":hidden")) {       
        $('.modcontentplatinum').fadeOut(500);
        $('.modcontentplatinummore').fadeIn(500);
    } else {
        $('.modcontentplatinummore').fadeOut(500);
        $('.modcontentplatinum').fadeIn(500);
    }
});
</script>

@Diodeus: +1, although that question favours an answer for outdated jQuery versions (pre-1.4) :-/ — Bergi, Dec 17 '12 at 17:16

score 2 · Answer 1 · answered Dec 17 '12 at 17:06

2

Just use the delay method which adds a timeout to the animation queue.

answered Dec 17 '12 at 17:06

Bergi

630,263
148
957
1,375

score 0 · Answer 2 · answered Dec 17 '12 at 17:13

0

We can add delay using the delay() in jquery please use this link http://api.jquery.com/delay/

answered Dec 17 '12 at 17:13

Anoop P S

754
1
12
31

add a delay to javascript fadeIn effect?

2 Answers2