jQuery Forum

Hi, I confess I'm new to jquery but I'm porting all my sites over to it as I love what I do know about it.

I have a div on a page that I'm hoping can contain multiple images that would fade in and replace an out-going image based on an onClick event.

Each image is dedicated to it's a href (there are about 30) and they would all be initially hidden...

I've given the images class names and id's:

<div id="creditTray" class="fadeThis3">
<img id="zs1" class="movtitle" src="directors/dir_resources/zs/zs_t1.png" />
<img id="zs2" class="movtitle" src="directors/dir_resources/zs/zs_t2.png" />
</div>


and the a href's are:

<a class="title" href="javascript:document.movie.SetURL('mov1.mov');" onclick="$('#mediaPlayer').fadeIn(1500);">


as I want to display a title for each one...

I've been working with:

$(document).ready(function() {
   $(".title a").click(function() {
    // do something...
   });
});

but I can't seem to get anything to work... any help would be much appreciated!