Боковая панель на Js

10.81

(10 авг 2015, 17:52) (0/0) [0]

Енот, <html>
<head>
Lalala
</head>
<body>
<div id="left">
Содержимое панели
</div>
<a id="open">АткИть</a>
<div id="panel-close"></div>
Труляля
</body>
</html>
Все остальное. Ща css скину

Добавлено 10.08.15 в 17:55:23:
#left {
position: fixed;
margin-left: -250px;
width: 250px;
display: none;
}

#panel-close {
position: absolute; width: 100%; height: 100%;
background: rgb(0,0,0); opacity: 0.7; display: none; z-index: 1;
}

Бишаная каза

10.81

(10 авг 2015, 17:45) (0/0) [0]

$(document).ready(function(){
$(document).on('click', '#open,#panel-close', function(){
if ($('#left').css('display') == 'none'){
$('body').css({"margin-left": "250px", "overflow-y":"auto", "overflow-x": "hidden","width": $('body').width()+250});
$('#left').css('display','block');
$('#panel-close').css('display','block');
}
else {
$('body').css({"margin-left":"0px","overflow-x":"auto", "width": $('body').width()-250});
$('#left').css('display','none');
$('#panel-close').css('display','none');
}
});
});

На jquery. Проще попросто нет