[jQuery] Slide down / Slide up, stop repeating

[Paul Collins]

Hi all

I've got a drop down menu that expands when you hover over a heading. Here
is the JQuery

    $("#header .dropDown .content").hover(
      function () {
        $("#header .dropDown ul").slideDown();
        return false;
      },
      function () {
        $("#header .dropDown ul").slideUp();
        return false;
      }
    );

My problem is that if someone hovers over the .content multiple times, the
JQuery remembers and keeps popping the menu up and down even when you've
taken the mouse away. Is there a way to stop it remembering this? I've tried
adding the ".stop()" to the function, but this will stop it half way if you
hover out too early.

If anyone has encountered this before, could you tell me how you got around
it?!

Thanks for any help