title: Responsive jquery click function
body: <p>i want for specific width, specific click animations but it's not working. Why?</p>
  
  <p>Here an example: </p>
  
  <p>From 0 - 959px > anim1 From 960 - 1279px > anim2 From 1280 - 1699 > anim3 From 1700 - open end > anim4 </p>
  
  <p>Here is my Code:</p>
  
  <pre><code>$(document).ready(function(){
  if ($(window).width() &gt; 959) {
      $("#mains").click(function(){
      anim1();
      });
  }
  });
  
  $(document).ready(function(){
  if ($(window).width() &gt; 1279) {
      $("#mains").click(function(){
      anim2();
      });
  }
  });
  
  $(document).ready(function(){
  if ($(window).width() &gt; 1699) {
      $("#mains").click(function(){
      anim3();
      });
  }
  });
  
  $(document).ready(function(){
  if ($(window).width() &lt; 1700) {
      $("#mains").click(function(){
      anim4();
      });
  }
  });
  </code></pre>