Jquery problems, please help.

Associate
Joined
4 Mar 2007
Posts
315
Location
United Kingdom
Ok so I literally just started to bother to recap jquery again and must say forgot most of what I learned last year in college.
I have several images in my markup like so not going to bother to display the whole mark up.

Code:
<img src="#" class="imgOne" />
<img src="#" class="imgTwo" />
etc...etc...

in relation to that I have a hidden list of information for each image like so:

Code:
<ul>
   <li>ImageName</li>
   <li>ImageLocation</li>
   <li>ImageDescription</li>
</ul>

By default each ul group is display:none;

Can anyone assist me on how I would make an image on click display one group but fadeout EVERY other group aside from the image associated group?
I have forgotten the way Jquery really works as I never got fully indepth with it.
Knowing php pretty well to a degree, I managed to load all this information dynamically, but the aesthetics are proving to be a pain.

All I know with the jquery is this to appear so far:

Code:
$(document).ready(function(){
	
	$("#classes img").click(function(){
		$("#plyStats ul").fadeIn("slow");
	});
		
});
 
Back
Top Bottom