Скрыть меню при изменении ширины окна

Question

Я хочу удалить topMenu, когда ширина окна больше, чем 479 пикселей.

Это код, и я использовал .hide и .css ('display', 'none') и даже .slideToggle (false), но он не работает. Значение по умолчанию в CSS: display. None.

Меню slideToggle появляется, когда окна меньше 479px с событием клика, а затем, когда окна более широкие, чем 479px, мне нужно остановить эту функцию, потому что у меня есть другое меню для более широких окон, которое отображается одним и тем же кликом мероприятие.

Я не могу избавиться от этой функции в более широких окнах.

$(window).on('resize', function(event){ 
    var windowSize = $(window).width(); 
    if(windowSize > 479){ 
     $('#topMenu2').hide(); 

    } 
}); 

Любые идеи?

Answer 1

Что относительно решения CSS?

@media screen and (min-width: 479px) { 
    #topMenu2 {display: none} 
} 

Answer 2

Используйте CSS вместо:

@media screen and (max-width: 479px) 
{ 
    #topMenu2 
    { 
     display: block; 
    } 
}