Help0
HTML
<div id="nav">blabla
</div>
<div class="content">click me</div>
CSS
div#nav {
position: absolute;
top: 0px;
left: -110px;
padding: 5px;
background: #5681b4;
width: 100px;
height: 100%;
}
.content {
margin-left: 5px;
}
JavaScript
function toggleDivs() {
var $i0 = $("#nav");
var $i1 = $(".content");
if ($i0.css("left") == "-110px") {
$i0.animate({'left': '0'});
$i1.animate({'margin-left': '115'});
}
else {
$i0.animate({'left': "-110px"});
$i1.animate({'margin-left': '5px'});
}
}
$(".content").bind("click", function(){
toggleDivs();
});