title: Normal image and selected image? jQuery or css required?
body: <p>Sorry if this is already posted, but I really need your help.</p>
  
  <p>What I want is following:</p>
  
  <p>Let's say I have this image as normal image that can be clicked.
  <a href="http://i.imgur.com/SOd1W.png" rel="nofollow">http://i.imgur.com/SOd1W.png</a></p>
  
  <p>Now let's say, when I click on that image it will fade this image:
  <a href="http://i.imgur.com/QW15C.png" rel="nofollow">http://i.imgur.com/QW15C.png</a></p>
  
  <p>Can anyone tell me how to code this on click image selection ? Or if it cannot be onclick then how else, please?</p>
  
  <p>EDIT:
  Also I forgot to mention. If I have 2 selecting choices...
  And if I click one choice it fades in and if I select choice 2, choice 1 should fade out and choice 2 fade in like it should... </p>