I have the requirement like i need to bring the iframes as small boxes and by clicking it should navigate to respective pages. The small iframe boxes should appear one after another while clicking the values on tag "a" (one two three). eg. the "a" tag has the values "one two three" and each denotes an iframe, the iframe should appear one after another even if i click on any random manner like 1 2 3 or 3 2 1 or 1 3 2 or 2 1 3 etc.
After boxes gets appeared and if i click on any "a" tag it should get animate or shuffle and come to first position. for eg. if the boxes appeared in "three two one" order and if I click on "one", the iframe which denotes "one" should animate, slide and shuffle to first place and the iframes should look like "one three two" order(not the values of "a" tag).
only 4 iframe boxes are allowed in a page, if i click more than 4 iframe boxes the last boxes should get disappear.
so far i have done -
http://jsfiddle.net/vigneshfiddle/Z6HGU/1/(I used images instead of iframes in my fiddle and it has the animation too but it is not working in fiddle.)
Please guide me to figure it out.
thanks in advance.