I want to make a pop-up side window, but with what and how to do it - I do not know. It should look like this initially:

enter image description here

When you click like this:

enter image description here

    1 answer 1

    But why do you hide the menu with the block, then you will not call it back.

    $('.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>