title: Modernizr.mq event triggering multiple times
body: <p>So here's the rundown:</p>
  
  <ul>
  <li>I have a menu that is expanded when the resolution is > 1024</li>
  <li>When the resolution is &lt; 1024 the menu turns into a drop down nav</li>
  </ul>
  
  <p>I use Modernizr.mq to trigger the javascript for the drop down menu when the resolution becomes smaller than 1024.</p>
  
  <p>When you refresh the page and don't resize the browser the menu works fine. But as soon as you resize the browser and try the menu again it bugs out and gets triggered multiple times.</p>
  
  <p>Here's the example in full page view:</p>
  
  <p><a href="http://codepen.io/MarioD/full/aKdhG" rel="nofollow">http://codepen.io/MarioD/full/aKdhG</a></p>
  
  <p>And here is the example with the code:</p>
  
  <p><a href="http://codepen.io/MarioD/pen/aKdhG" rel="nofollow">http://codepen.io/MarioD/pen/aKdhG</a></p>
  
  <p>Any ideas why the click function goes all crazy when the browser is resized? And any way this can be fixed?</p>
  
  <p>Thanks,
  Mario</p>