title: How to prevent spam clicking from firing off events?
body: <p>I was looking at the following codepen and i was wondering how you can stop spam clicking, for example, if you click a lot of times at once, the animation starts messing up.</p>
  
  <p>How can I prevent that from happening? Would simply having a conditional work? I tried it but I couldn't get it to work. 
  <code>if isAnimating = true</code> </p>
  
  <p>How do i get the animation to keep playing and prevent user interaction, until its finished.</p>
  
  <p><a href="http://codepen.io/Filippo/pen/WvGbJB/?editors=011" rel="nofollow">http://codepen.io/Filippo/pen/WvGbJB/?editors=011</a></p>