title: Activate (or not) jQuery plugin depending on screen width
body: <p>So I got this jQuery plugin to active a sliding menu tab:</p>
  
  <pre><code>$(document).ready(function() {
  var closeAll,
      $parentItem = $('div#tabWrapper'),
      slideAmt = $('div#tabBG').width(),
      direction;
  
  $('a#toggle').click(function() {
          if (parseInt($parentItem.css('marginLeft'), 10) &lt; 0) {
              direction = '+=';
              $(this).addClass('expanded');
          }
          else {
              $(this).removeClass('expanded');
              direction = '-=';
          }
      $parentItem.animate({marginLeft: direction + slideAmt}, 400)
      return false;
  });
  
  $parentItem.mouseleave(function() {
      closeAll = setTimeout(function() {
          $('a#toggle').removeClass('expanded').parent().animate({marginLeft: -slideAmt}, 300);
          return false;
      }, 600);
  })
  .mouseenter(function() {
  clearTimeout(closeAll);
  })  }); 
  </code></pre>
  
  <p>But I only want this animation to work on a higher screen width than 1024px.</p>
  
  <p>How would make this happen?</p>
  
  <p>Thanks all!</p>