How to stop toggle event from being fired multiple times on mouseenter/mouseleave?

Question

I\'m using jQuery to toggle the visibility of a

using the jQuery toggle method. The toggle is fired on the mouseenter and mouseleave event, thus cre

Answer 1

Aside from the correct answer by Cletus, i'd like to point out that using mouseenter and mouseleave events is not wrong. The trick only resides into the stop() method, in fact we could still do:

$("div.someclass").on("mouseenter", function() {
  $("...").stop().fadeIn("slow");
});
$("div.someclass").on("mouseleave", function() {
  $("...").stop().fadeOut("slow");
});    

Here is a jsFiddle example :)