title: disable click until hover animation complete
body: <pre><code>$('#div1, #div2').click(function(){
  
  //Code to execute onclick
  
  
      });
  
  
  $('#div1, #div2').hover(function(){
  
      $(this).animate({
          'filter':'alpha(opacity=100)',
          '-moz-opacity':'1',
          '-khtml-opacity':'1',
          'opacity': '1'},
          250,
          function(){
      $(this).animate({
              'filter':'alpha(opacity=75)',
              '-moz-opacity':'0.75',
              '-khtml-opacity':'0.75',
              'opacity': '0.75'},
              500)
          });
      });
  </code></pre>
  
  <p>I have two divs that hav a click event and a hover event, and both have animations.  How can i make it so that when a user hovers on either div: -</p>
  
  <pre><code>- the click event doesnt work until the hover animation is complete
  - and then the hover animation doesnt work until the click animation is complete
  </code></pre>
  
  <p>At the moment, if a user clicks div1 and then hovers on div2 before the click is complete it has an undesirable effect, eg flashing and things disappearing</p>