title: html5 animation with help of js?
body: <p>I want to do html5 <code>animation</code> please refer the following diagram.
  on left side I have a menu list and on right side i have an image as shown in figure.
  on click of the 1 link the image which I shown as blue oval will move down diagonally  as shown in image2 and then open one div for example square at center of right div ok.
  Next on click on 2 link the square div will hide and the oval image comes to its original position and again animate to the diagonal botton and open another div for example this time image
  <img src="https://i.stack.imgur.com/Q0ARX.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/mAhhD.png" alt="enter image description here"></p>
  
  <p>i had already achieve some animation but not upto the end.
  if any more description needed tell me.... </p>
  
  <p><a href="http://jsfiddle.net/salwenikhil0724/wZKzb/" rel="nofollow noreferrer">Demo</a> </p>