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
