thanks ravi. i appreciate the help!
On Jun 18, 4:26 pm, ravi <ravi-li...@g8o.net> wrote:
> On Jun 18, 2009, at 2:03 PM, mojoeJohn wrote:
>
> > so how do i only act on one logo at a time without having to
> > individually number each logo on the page?
>
> Use "this". I am a newbie myself, so you will need to iterate over
> this modified version of your code to get it right:
>
> $(document).ready(
> function()
> {
> $(".logo").hover(
> function()
> {
> $(this).find(".caption").animate({opacity:"show"},
> "fast");
> },
> function()
> {
> $(this).find(".caption").animate({opacity:"hide"},
> "slow");
> }
> );
> }
> );
>
> There is most likely a better way to do the $(this).find() part. As
> you can tell from the above, you are applying the callback to a class
> (".logo") but when it is called, its passed a reference ($(this)) to
> the particular object/element of that class that it was applicable to.
>
> --ravi
