Stop animation after hovering parent item

[asiek]

I am using a responsive navigation menu from here , which doesn’t include a drop down animation.

So I used this for the animation//

$(document).ready(function () {
$(".test").hover(function () {
        $(".sub-menu").slideToggle("slow", function () {});
    });
});

Now, when I hover over the parent item the menu slides open but once I try to hover over the child links the menu just closes.

I did a little research and tried adding .stop() after $(".sub-menu") but it still doesn’t work.

My question is,
Why isn’t the sub menu staying open after hovering when using .stop()?

Here is a fiddle.

[asiek]

Answers can be found here.

[Author]

Posts