доброго времени суток!
помогите решить проблему!
Нужно по клику на
<div class="open-menu-button"> весь блок
<div class="body"> плавно сдвигался влево на 350px, а справа открывался
<div class="right-menu">. а когда кликаешь по
<div class="close-menu-button"> блок
<div class="body"> плавно возвращался на место.
Код:
<body>
<div class="main">
<div class="body">
<div class="left-img"><img src="img/01.jpg" /></div>
<div class="open-menu-button"></div>
</div>
<div class="right-menu">
<div class="close-menu-button">закрыть</div>
</div>
</div>
</body>
Стиль:
.main {
width:100%;
}
.body {
height:1000px;
border:1px solid #000;
background:#fff;
}
.left-img {
margin:0;
padding:0;
width:400px;
overflow:hidden;
position:fixed;
}
.open-menu-button {
width:30px;
height:30px;
position:fixed;
right:30px;
top:30px;
background:url(../img/MenuButton.png) 100% 100% no-repeat;
cursor:pointer;
}
Думаю объяснил доходчиво)