jquery events nie działa po użyciu addEventListener

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ą:

document.addEventListener('click', menuHide, false); 

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:

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

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ę ort! 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 ort! 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.

Za mało kodu - z tego nic nie wynika. Zakładam, że menu tworzy niewidzialną warstwę, która PRZYKRYWA hover cardy - wobec tego event się nie odpala. I odwrotnie. Hovercardy tworzą coś, co przykrywa niewidzialną warstwą menu.

Generalnie problem jest takiego rodzaju, że dopóki nie dasz tego przykładu w formie "klikalnej" to możemy tylko zgadywać

Już naprawione. Przeniosłem Div z menu pod div z nazwą użytkownika. Poprzednio miałem tak:

<div class="post">
   <div class="author">
      <a href="user/2" class="hovercard-user">Jan kowalski</a> // po "najechaniu" kursorem na ten link - nazwę usera, pokazywało hovercard
      <div class="menu"></div> // w css była ustawiona ikonka - jeśli się w nią klikneło to pokazywało menu
      <div class="menu-options"> // to pokazywało po kliknięciu w menu lub ukrywało po kliknięciu poza menu
         <div class="menu-option">Opcja 1</div>
         <div class="menu-option">Opcja 2</div>
      </div>
   </div>
</div>

Teraz to:

<div class="menu"></div> // w css była ustawiona ikonka - jeśli się w nią klikneło to pokazywało menu
      <div class="menu-options"> // to pokazywało po kliknięciu w menu lub ukrywało po kliknięciu poza menu
         <div class="menu-option">Opcja 1</div>
         <div class="menu-option">Opcja 2</div>
      </div>

dałem do osobnego diva pod divem "author"

hovercard, div "menu" i "menu-options" miały oczywiście "position: absolute"