Как показывать блок на jQuery при resize до 1200 и больше?

Question

[Сергей Горячев]

Доброго вечера.
Никак не могу понять, как сделать такую фигню.
При resize страницы должен показываться блок, но только если body при ресайзе становится 1200 и больше.
Сейчас у меня при любом resize показывается блок, даже если экран совсем маленький.
Использую типичную конструкцию:

$(window).resize(function() {
  //update stuff
});

Answer 1

[iBird Rose]

а не легче через media это сделать?

div {display: none;}

@media screen and (min-width: 1200px) {
   div {display: block;}
}

или так:

$(window).resize(function() {
   var wSize = $(window).width();
   if (wSize > 1200) {
       $('.menu').slideDown("slow");
   }
});

Comments

[Сергей Горячев]

Неа, не получится. Это меню, которое показывается и скрывается toggle'ом и потом он игнорирует css, даже с !important. Поэтому нужно именно на jQuery.

[iBird Rose]

Sergey Goryachev: ну тогда посмотрите как работает это меню. если к примеру оно вешает класс какой нить типа "active" - удалите его при ресайзе

[Сергей Горячев]

iBird Rose: нет там ничего.

$('.navicon').click(function(e){
        $('.menu').slideToggle("slow");
        e.preventDefault();
    });

вот для .menu и нужно сделать показ при размере экрана 1200+.

[iBird Rose]

Sergey Goryachev: при клике или просто при ресайзе? если при ресайзе то как то так

$(window).resize(function() {
   var wSize = $(window).width();
   if (wSize > 1200) {
       $('.menu').slideDown("slow");
   }
});

[Сергей Горячев]

iBird Rose: Да) Вот оно) Спасибо)

[Сергей Горячев]

iBird Rose: В первое сообщение допишите)))