title: Is there a way to prevent all actions while css transition takes place?
body: <p>I am trying to disable every action until a transition that is triggered manually is finished.</p>
  
  <p>I am using this simple code:</p>
  
  <pre><code>myelem.click(function() {
     myotherelem.addClass('transition');
  };
  </code></pre>
  
  <p>and then...</p>
  
  <pre><code>myelem.on('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function() {
     // I am done!
  });
  </code></pre>
  
  <p>What I am looking for is for a way to disable all activity, either click, touch, anything at all until the animation finishes. Any ideas?</p>