jQuery FadeOut/In

Simple Fade Out and In

by Thomas Orthbandt

HTML

<div id="test">test</div>
<div id="testCaps">TEST CAPS</div>

CSS

#test {
     width: 100px;
     height: 100px;
     background: #ffb;
     padding: 10px;
     border: 2px solid #999;
}

#testCaps {
     width: 100px;
     height: 100px;
     background: #bff;
     padding: 10px;
     border: 2px solid #999;
}

JavaScript

$(function() {
    $('#test').fadeOut(1000);
    $('#testCaps').hide().delay(1500).fadeIn();
});