on image click loan new image

I have wordpress loading thumbnail of post using

<?php if ( has_post_thumbnail()) the_post_thumbnail('small-thumb'); ?>

and then it loops through and shows the full thumbnail using:

<?php the_post_thumbnail();?>

I’m thinking I want to use jQuery to Hide all the post thumbnails but one, then on click for other ones have it hide first and show one thumbnail that is linked to the small thumb. any ideas how I would do this or a tutorial you can direct me to? there are so many version of jQuery that I cannot get one to work with wordpress correctly, I’ve tried about 5 and have been close but no success.