You create a queue of animations. Remove that queue with the stop()
function.
$("#A").mouseover( function() {
$("#A").stop().transition({ opacity: '0'}, 500);}); });
$(function() {
$("#A").mouseout(
function(){
$("#A").stop().transition({ opacity: '1'}, 500);}); });