Как сделать шторы на мобильной версии?

Подскажите, пожалуйста, как сделать шторы на мобильной версии, используя ::before и ::after?

Сейчас у меня:

@media screen and (max-width:926px){ aside {display: none;} }

и:

<aside>
    <div class="top">
        <ul>
                <li></li>
        </ul>
    </div>
</aside>

Не пойму, как сделать, чтобы по нажатию кнопки выезжали шторы (aside) (к примеру, как ВКонтакте).