title: JavaScript execute script when the screen width is < 480 and not when its grater than > 480?
body: <p>Hey i have this small really easy script but i'm not js developer and i don't know how to fix this issue. I'm using bourbon and neat for front end of my site and i have one page when i want to use this collapse script which i took from bourbon refills. My question is how i can make this script to only work if screen width is lower than 480px if it is not lower than 480 don't execute this script?</p>
  
  <p>HTML code </p>
  
  <pre><code>&lt;div class="expander"&gt;
    &lt;a href="javascript:void(0)" class="expander-trigger expander-hidden"&gt;Expandable section&lt;/a&gt;
    &lt;div class="expander-content"&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio mollitia fugiat facilis enim accusamus quisquam aut, repellendus incidunt quod optio facere labore illo numquam ipsum beatae vero debitis, fugit excepturi.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript code </p>
  
  <pre><code>$(document).ready(function() {
    $('.expander-trigger').click(function(){
      $(this).toggleClass("expander-hidden");
    });
  });
  </code></pre>