The problem here is that mouseover fires every time the mouse moves over the element or child elements. Try using the mouseenter and mouseleave events instead.
Yes, shortest solution = best! This seems to be the way to do it! Thanks alot!
– Winterain Aug 24 at 7:21.
Try this. $(document). Ready(function() { $('.
Gallery_container a'). Hover(function() { $(this). Children('.
Title').stop(). Animate({ opacity: 100, bottom: 0 }, 200); }, function() { $(this). Children('.
Title').stop(). Animate({ opacity: 0, bottom: -30 }, 200); }); }); You can see a live demo here. - http://jsfiddle.net/8Hd7s.
This works too, but there's a slight nudge that prevents the slides from animating when rolling the mouse over the entire row quickly. Good for when you don't want everything to animate everytime you pass by... thanks for the solution! – Winterain Aug 24 at 7:23 Based off your original problem, I thought that's what you were trying to avert.
You can change this simply by removing .stop() before animate functions. – Austin Brunkhorst Aug 24 at 7:44.
So you may want to implement a really simple locking mechanism, as in: var fCurrentlyMoving = false; $('. Gallery_container a'). Mouseover(function(){ if (!fCurrentlyMoving) { fCurrentlyMoving = true; $(this).
Children('. Title'). Animate({ opacity: 100, bottom: 0 },200, function() { fCurrentlyMoving = false; }); } }); it's not airtight race-condition-wise, but it doesn't need to be.
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.