Perfect. Thank you Ricardo.
In addition, I was missing the ; after each event... :)
On Sep 18, 12:37 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
> 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!
