Ciao e benvenuto,
codice:
$("div.box").mouseenter(
          function()
            {
              $(this).children(".over")
              .stop().show("slide", {direction: "down"} ,500)
            }
          )
        .mouseleave(
          function()
            {
              $(this).children(".over")
              .stop().hide("slide", 500).stop(false,false)
            }
          );
ho aggiunto lo stop prima del azione