I have a row of images each in an li. On page load I have asked jQuery to add a class to the first in the list which using CSS3 effects enlarges the image and adds a shadow.
So now Ihave 6 thumbnails, with the first highlighted, in effect. Im really new to jQuery and would like to find out how to get the other thumbnails on hover over to add that same class, but also remove the class from the first one if the user does hover over the other 5, and if none are hovered then the first is highlighted as at the start.
So far I only have this:
$("#gallerySlideshow li img:first").addClass('test');
Thanks for any help.