javascript - My code gets disrupted when you hover over a dropdown list item -

I have created a full width menu container that you hover over the "Content Overview" button below at over).

In the container I have a WordPress categories widget with a dropdown.

The problem is that when you click and open the dropdown list, and you hover over a list item, the menu closes the container immediately

/ P>

I made a bela to show the code; Html work

  var upTimer = false, down timer = false, hashover = false; $ ("Carbsanity-custom-menu-trigger, .carbsanity-custom-menu-container"). Hover (function () (isHover = true; clearTimeout (upTimer); Down timer = setTimeout (function () {if (isHover) $ (". Carbsanity-custom-menu-container"). SlideDown (500);}, 500 );}, Function () {isHover = false; explicit timed out; upTimer = setTimeout (function () {$ (".carbsanity-custom-menu-container"). SlideUp (500);}, 100); });  

Can someone advise me to change my code so that it does not close my menu container?

Thanks: -)