jQuery afficher un élément sur hover seulement s'il est déjà caché

Question

Je suis assez nouveau à jQuery et j'essaye, mais échoue, jusqu'ici pour faire un élément de forme avec une classe de .topbardropdownmenu à afficher lorsque l'utilisateur survole un bouton avec une classe de .menuitemtools. Une fois que l'utilisateur survole le bouton .menuitemtools, je ne veux pas que le formulaire soit ré-affiché s'il est déjà affiché, donc le statut if pour vérifier sa propriété d'affichage est none. Au moment où ce script fonctionne, mais chaque fois que vous passez la souris sur le bouton .menuitemtools, le formulaire est réécrit, ce qui crée un clignotement agaçant. Une fois le formulaire affiché, je ne veux pas que .menuitemtools fasse quoi que ce soit et je veux que le formulaire disparaisse quand le mouseleaves le formulaire.

Espérons que tout est clair et je ne suis pas loin? Merci beaucoup d'avoir regardé ça.

$(document).ready(function() { 
    $('.topbardropdownmenu').hide(); 
    if ($('.topbardropdownmenu').css('display') == 'none') { 
     $('.menuitemtools').hover(function() { 
      $('.topbardropdownmenu').fadeIn('slow'); 
     }); 
    } 
    $('.topbardropdownmenu').mouseleave(function() { 
     $('.topbardropdownmenu').fadeOut('slow'); 
    }); 

}); 

Answer 1

$(document).ready(function() { 
     $('.topbardropdownmenu').hide(); 
     $('.menuitemtools').mouseover(function() { 
     if(!$('.topbardropdownmenu:visible').length) 
     { 
      $('.topbardropdownmenu').fadeIn('slow'); 
     } 
     }); 

     $('.topbardropdownmenu').mouseleave(function() { 
     $('.topbardropdownmenu').fadeOut('slow') 
     }); 
    });