Сергей Миллер

input,button,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0px}input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio-button}

Смотря как "скрыт" блок

$('button').on('click', function(){
if($('.block1').is(':visible')){
$('.block1').slideUp(300);
$('.block2').slideDown(300);
}

else{
$('.block1').slideDown(300);
$('.block2').slideUp(300);
}
});

Может Вам использовать css flex? align-items/justify-content/flex-wrap?
Если так, то высота блоков по одному ряду будет всегда одинаковой, высота будет равна максимальной высоте самого большого блока в ряду.

/*типа запрет ротации моб устройства*/
@media only screen and (min-width: 415px) and (max-width: 1279px) {
body{display:none} html:before{content:'Переверните устройство в портретный режим или откройте сайт с компьютера.';position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:#fff;z-index:999;text-align:center;width:80%;height:100px} 
}

Попробуйте так:

$('.здесь_id_меню li').click(function(){
  $('здесь_Id_меню_или_во_что_оно_оборачивается').hide(300);