jquery - Animated timeline with javascript -

i trying create time line effect. have couple of points each time designated picture inside circle.

i want them clickable. when click, want picture(plane) move current location clicked within 1 second , shrink , disappear. similar following gif.

i have found couple of examples couldn't put them achieve want. searched lot couldn't solve on own. ios developer , no background on web development.

i appreciate if can me on this.

give relative position timeline. can position of clicked circle, , assign movable one. add css transitions have better visual result.

example using jquery:

$(document).on("click", ".point", function () {     var $this = $(this);     var $abs = $(".is-absolute");      $abs.css("top", $this.position().top);     $abs.css("left", $this.position().left); }); 

http://jsfiddle.net/dsr4esn3/