What is happening is that you are toggling the animations everytime
you mouseover/mouseout the element. Try hovering in and out the
element and wait, it will cycle through the animations as many times
as you hovered. Try this:
$('.featured').hover(
function(){
$(this).find('.banner').stop().fadeTo("slow",.6);
},
function(){
$(this).find('.banner').stop().fadeTo("slow",1);
});
The .stop() function cancels all animations queued/executing on the
element (not sure it is needed on the mouseout event), before starting
the new one.
ricardo
On Sep 18, 1:46 am, alexcoleman <[EMAIL PROTECTED]> wrote:
> I'm attempting to work with the fadeTo command (also tried other
> animations like slideDown), but I keep getting repeat animations.
> Sometimes it'll cycle through 2 times, other times many more times.
> Here is the code I'm using:
>
> $(document).ready(function() {
>
> $('.featured').hover(function(){
> $(this).find('.banner').fadeTo("slow",.6)
> }, function(){
> $(this).find('.banner').fadeTo("slow",1)
> });
>
> });
>
> You can view the page live @www.alexcoleman.net
>
> Any help would be greatly appreciated...
> Thanks!
