<main class="main">
<aside>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit ea quod culpa distinctio dicta aut veritatis harum explicabo, corporis voluptas temporibus voluptate saepe dolor voluptatibus quisquam suscipit reprehenderit debitis aliquid?</aside>
<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda cum maxime id expedita accusantium eligendi autem molestiae sunt facere delectus suscipit nemo atque reprehenderit, tempore veniam qui aspernatur doloribus. Et?</div>
</main>
<button class="btn-open-menu">Нажми на меня и открой меню</button>main {
transition: 0.2s ease-in;
transform: none;
}
aside {
position: absolute;
top: 0;
left: -200px;
height: 100vh;
width: 200px;
background: red;
}
.content {
background: green;
}
.btn-open-menu {
float: right;
}
.btn-open-menu_state_open {
transform: translate(200px, 0);
}$('.btn-open-menu').click(function() {
$('.main').toggleClass('btn-open-menu_state_open');
});