jQuery Delay with Effects - jQuery Snipplr Social Repository

Revision: 39419

at January 17, 2011 21:09 by BlueIceStudios

Initial Code

<script type="text/javascript">
    $(document).ready(function(){
        $(".trigger").click(function(){

            $(".panel").show("fast").delay(2000).hide("fast");

        });
    });
</script>


//You can change the delay time "1000 = 1 sec" and effect with

//slide effect
$(".panel").slideDown("fast").delay(4000).slideUp("fast");

//fade effect
$(".panel").fadeIn("fast").delay(2000).fadeOut("fast");

Initial URL

http://www.blueicestudios.com

Initial Description

if you are using jquery 1.4 you can simple do

Initial Title

jQuery Delay with Effects

Initial Tags

jquery

Initial Language

jQuery

Choose a language for easy browsing: