Comment cacher une div adjacente lorsque je souris d'un élément de menu, en utilisant JQuery?

Question

Je me demandais comment je pouvais inverser le clic déclenché dans cette fonction sur 'mouseout' de 'a.menu-arrow'? Voir le code ci-dessous:

$(".menu-arrow").hover(function() { 
    $.data(this, "timer", setTimeout($.proxy(function() { 
    $(this).click(); 
    }, this), 500)); 
}, function() { 
    clearTimeout($.data(this, "timer")); 
}); 

Ce qui se passe est après 0,5 d'une seconde planant au-dessus a.menu flèche ... un clic est déclenché un div montrant adjacent contenant le sous-menu. C'est ainsi que le HTML est structuré malheureusement.

Toute aide serait grandement appréciée.

Désolé, je suis un novice JavaScript & JQuery

Answer 1

Dans votre code $(this).click() n'est pas utile sans fonction de gestionnaire d'événements, pour déclencher un événement pratiquement vous devez utiliser un .trigger() sur un élément, je crois vous aviez une fonction de gestionnaire d'événements correspondante écrite auparavant.

Ref: .trigger(), .data()