title: Is there anyway to perform this animation on HTML5, CSS3, and Jquery?
body: <p>So basically what I am trying to achieve is, </p>
  
  <ul>
  <li>when people click on first image, the rest will slide and fade, then the content loads up, </li>
  <li>when people close, it will be back into 4 images, </li>
  <li>when people click on 2nd image; images 1, 3 and 4 will slide and fade out, content shows up and so on.</li>
  </ul>
  
  <p>I tried to play around with Jquery, and still ended up with zero result.</p>
  
  <p>Here is the link:
  <a href="http://homethai.com.au/testing/test.swf" rel="nofollow">http://homethai.com.au/testing/test.swf</a></p>