Question

I have the following code:

$(".nav_button").hover(function(){
m = $(this).children("ul").css("display");
if (m == "none"){
    $(this).children("ul").slideDown(300);
}
else{
    $(this).children("ul").slideUp(300);
}
});

And alot of times it gets bugged, sometimes it slides, stays, etc.
Any idea why is that and how to correct it?

Answer 1

Use this one instead to get rid of checks and other non-related code

$(".nav_button").hover(function(){
    $(this).children("ul").slideToggle(300);
});

This will automatically slideUp or slideDown your UL according to the current state.

this is from official jQuery documentation:

slideToggle(); Display or hide the
matched elements with a sliding
motion.