Witam. Mam zrobione menu, które wysuwa się po kliknięciu w pewną ikonkę i wywoływana jest także wtedy taka linia kodu, która zamyka menu po kliknięciu myszką:

[JAVASCRIPT] pobierz, plaintext 
document.addEventListener('click', menuHide, false);
[JAVASCRIPT] pobierz, plaintext 

Mam także zrobione hovercards, które pokazuje po najechaniu na nazwę użytkownika i chowa po opuszczeniu kursorem nazwy usera lub hovercard. Oto kod:

[JAVASCRIPT] pobierz, plaintext 
$('a.hovercard-user, .hovercard-user').mouseenter(function(e)
    {
// pokazuje hovercard
    }
$('.hovercard-user, #hovercard-user').mouseleave(function(e)
    {
// ukrywa hovercard
}
[JAVASCRIPT] pobierz, plaintext 

I jest problem. Gdy kliknę w ikonkę i otworzy się menu (wtedy wykonuje się to document.addEventListener) i najeżdżając na nazwę usera - nie wykonuje się wgl ten "event" z jquery (sprawdzałem). Natomiast jeśli najpierw "najadę" na nazwę usera to pokazuje hovercard i między czasie klikne na ikonke od menu, to pokazuje menu i nie ukrywa wgl tego hovercard - mogę latać kursorem po całej stronie...

Jakiś problem jest z tymi dwiema funkcjami czy może jakiś błąd zrobiłem?
Proszę o pomoc.

Na początek dlaczego mieszasz eventy przeglądarkowe (addEventListener) z eventami jquery? Wstaw gdzieś działający kod żeby można to było na żywo zobaczyć.