Return to Snippet

Revision: 37787
at December 17, 2010 03:01 by juliusk


Initial Code
HTML: 
<div id="container">
    <div id="div1"></div>
    <div id="div2"></div>
</div>

CSS:
#container {
    position:relative;
    width:400px;
    height:200px;
}
#container > div {
    position:absolute;
    top:0;
    left:0;
    min-width:400px;
    min-height:200px;
    width:400px;
    height:200px;
}
#div1 {
    background:red;
}
#div2 {
    background:blue;
}

jQuery:
$('#div1').hide();
setInterval(function() {
    $('#container div').toggle(500);
}, 2000)

Initial URL

                                

Initial Description

                                

Initial Title
Change on DIV to another Animation

Initial Tags
css, jquery, animation

Initial Language
jQuery