Хочу сделать всплывающее боковое окно, а с помощью чего и как это сделать — не знаю. Должно выглядеть так изначально:
При нажатии так:
Хочу сделать всплывающее боковое окно, а с помощью чего и как это сделать — не знаю. Должно выглядеть так изначально:
При нажатии так:
Только зачем вы меню скрываете вместе с блоком, вы потом его обратно не вызовите.
$('.button').click(function(){
$('.container').toggleClass('active');
});
.container {
height: 300px;
background: black;
}
.button {
width: 50px;
height: 50px;
background: yellow;
}
.side__menu {
height: 300px;
width: 200px;
background: red;
transition: ease-in-out .3s;
}
.container.active .side__menu {
transform: translate(-200px);
transition: ease-in-out .3s;
}
<div class='container'>
<div class='button'>
click
</div>
<div class='side__menu'>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>