Xbox One Sign In

by Jason Rose

HTML

<div id="wrapper">
    <div class="full" id="div1">a</div>
    <div class="full" id="div2">b</div>
</div>

CSS

html {
    background: red;
}

}#wrapper{
    overflow:hidden;
    position:relative;
    height:300px;
}
.full{
    position:absolute;
    height:300px;
}
#div1{
    background:#FF0000;
    left:0px;
}
#div2{
    display:none;
    background:#FFFF00;
    width: 300px;
}

JavaScript

$(document).ready(function() {
    $("#div1").animate({'left':"300px"},500);
    $('#div2').css('left',-$('#wrapper').width()).show();
    $('#div2').animate({'left':0},1000);
});