JQuery - mouseover/mouseout with multiple divs?

Use mouseenter/mouseleave instead: $("#topbarVis"). Mouseenter(function(){ $("#topbar"). Animate({marginTop:0}, 300); }) .

Mouseleave(function(){ $("#topbar"). Animate({marginTop:-25}, 300); }); ...or just use the hover()(docs) method which is a shortcut for mouseenter/mouseleave: $("#topbarVis"). Hover(function(){ $("#topbar").

Animate({marginTop:0}, 300); },function(){ $("#topbar"). Animate({marginTop:-25}, 300); }); The reason is that the nature of mouseover/mouseout is such that it bubbles. So it will fire when any descendants of the element get the events.

Whereas mouseenter/mouseleave don't bubble. The only browser that actually supports the non-standard mouseenter/mouseleave events is IE, but jQuery replicates its behavior.

I got the same behavior with mouseenter / mouseleave – jAndy Feb 11 at 22:04 @jAndy: You shouldn't get that behavior. The mosueenter/mouseleave should only fire for the element to which it is actually attached. Not its descendants.

– user113716 Feb 11 at 22:05 @jAndy: Here's an example. When you hover the outer square, the event fires. But not on the inner.

If you switch it to mouseover/mouseout, it will fire on the inner as well. – user113716 Feb 11 at 22:08 whoa, wow. What is that?

A reversed bubble? – jAndy Feb 11 at 22:49 @jAndy: Nope, just regular bubbling from descendant to the element that has the handler.It seems a little strange because when you hover the inner square, it first fires a mouseout because you're technically leaving the outer square. That is to say that you're leaving the portion of it that is not obscured by its descendant.

The IE mouseenter/mouseleave system seems to make much more sense, but it isn't part of the spec. :o( – user113716 Feb 11 at 23:13.

This works for me on IE. Hope it helps. $("#topbarVis").

Hover(function(){ $("#topbar"). Animate({height:"100%"}, 300); },function(){ $("#topbar"). Animate({height:"0%"}, 300); }); Using this as the CSS.

#topbar { width: 100%; height:0px; background-color: #000; }.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions