Is there a way to load a <div> already collapsed when the page first loads?
You can find my progress so far in this JS Fidle.
HTML
<button id="aa">Toggle it up</button>
<div id="test">TEST</div>
CSS
div {
background:#0F0;
margin:3px;
width:600px;
height:600px;
float:right;
}
div.test {
background:#345;
width:5px;
}
#aa {width: 100px;
height: 600px;
position: absolute;
top: 3px;
right: 0px;
z-index: 10
float: right;
}
JAVASCRIPT
$("#aa").click(function () {
$("div").animate({width: 'toggle'});;
});