Как спрятать меню при адаптации?

Question

[sedoyky4er]

Ребята, у меня такой вопрос. Я раньше не сталкивался с адаптацией и вот и до меня это дошло. У меня есть два блока, левый(sidebar), правый(content). Суть в том что при сужении окна браузера, блоки становятся по 100% и выстраиваются друг за другом. Мне нужно чтобы, оставался виден только блок content, а sidebar был спрятан, но при нажатии на кнопку он появлялся как меню, а при полно-экранном режиме естественно как правый и левый блоки

Answer 1

[Wheelie]

@media (max-width: 480px) {
.sidebar {display:none;}
{

и чтобы показать, через jquery

$('.show_sidebar').on('click',function(){
$('.sidebar').slideToggle(500);
});