Как сделать срабатывание скрытия класса при if ($(window).width() > 960)?

Question

[mrzgt]

Есть JS

$(window).resize(function(){
// Hide mobile menu etc on window resize
 	if ($(window).width() > 960) {
       $('.mobile_menu_wrapper').hide();
 	}

});

При разрешении > 960 он должен скрывать класс mobile_menu_wrappe, но не могу понять если я захожу на сайт при разрешении > 960, он не скрывает этот класс, но когда уменьшаю окно браузера до меньшего разрешения чем 960 и потом опять растягиваю, скрипт срабатывать.
Как можно подправить?

Answer 1

[Александр Аксентьев]

при загрузке страницы делать такую же проверку

Answer 2

[Rsa97]

А не проще использовать css media query?

Answer 3

[Maxim Nepritimov]

Вот так например:

$(function () {
    $(window).resize(function(){
        console.log($(window).width());
        if ($(window).width() > 960) {
           $('.mobile_menu_wrapper').hide();
        } else {
            $('.mobile_menu_wrapper').show();
        }
	});
});