Question

I have a site with two images and some text. I need to code it so it shows the text on loading, but when a link is clicked, the text disappears and an image appears. And when a different link is clicked, the other image appears. This probably needs javascript/jquery. I have researched about changing the class so it does display:none but I cannot get it to work. Thanks. this is a mockup: http://amosjackson.com/index

Answer 1

Use hide() and show() coupled with the click event.

$('#myLink1').click(function() {
   $('#image1').show();
   $('#text1').hide();
});