Hover + slideToggle bouncing up and down

Hover + slideToggle bouncing up and down

Hi, i have a navigation menu which is supposed to slide in on mouseenter and slide out on mouseleave.

I currently have this code:

  1. $("parent-element").hover(
  2.         function() {
  3.             $(this).find("child-element").slideToggle("slow");
  4.         }
  5.     );
This works fine, except if you move your mouse over the child-element before the animation is complete. Then it gets stuck in an endless bouncing up and down loop. Tried so many different possibilities with flagging the element while it was animating, stopping animations, adding delays and what not.

Now im wondering if anyone could help me with this issue?