title: Jquery transit & Mouseover
body: <p>I would like to create a transition animation on mouseover with the script : <a href="http://ricostacruz.com/jquery.transit/" rel="nofollow">Transit</a>
  All is done, well... with one exception. The transition works, but if you pass the mouses several times (like 5 times for exemples) on the 3 different blocks, the animations continues to play ! It creates a twinkle effect, but i don't like ... 
  A picture is worth a thousand words : this is my code and the problem is with : <a href="http://jsfiddle.net/u4Dk4/1/" rel="nofollow">http://jsfiddle.net/u4Dk4/1/</a></p>
  
  <p>Thanks for your precious help.</p>
  
  <pre><code>$(function() {
      $("#A").mouseover( function() {
      $("#A").transition({ opacity: '0'}, 500);}); });
  $(function() {
      $("#A").mouseout( function(){
      $("#A").transition({ opacity: '1'}, 500);}); });
  </code></pre>