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.
etc...etc...
in relation to that I have a hidden list of information for each image like so:
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:
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" />
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");
});
});