выполнить jquery ниже определенной ширины окна просмотра

Question

Привет, я нашел несколько ответов на это, но не могу заставить их работать. У меня типичный отзывчивый навигатор, который меняется на значок меню ниже определенной ширины видового экрана. У меня есть привязанные теги в выпадающем меню, закрывающие меню при нажатии, когда они выполняют прокрутку к функции. однако это не полезно, если выше определенной ширины. вот мой код. я думаю, что это может быть путь, но подозреваю, что мой синтаксис неверен

<script> 
    if($(window).width() <= 900){ 
     $(document).ready(function(){ 
      $(".trigger , .close").click(function(){ 
      $(".showing ").slideToggle("slow"); 
     }); 
    }); 
</script>  

Answer 1

Во-первых, обратный порядок width() и ready() линий. Затем используйте .add() применить нажмите на обе кнопки ($(".trigger, .close") должно работать, но я думаю, что .add() чище)

$(document).ready(function(){ 
    if($(window).width() <= 900){   
     $(".trigger").add(".close").click(function(){ 
      $(".showing ").slideToggle("slow"); 
     }); 
    } 
} 

Вот скрипку: http://jsfiddle.net/jm5okh69/6/

(обратите внимание, что $ (документ) .ready() не входит.