Hi there!
Here's a codepen for what I want to achieve, hopefully someone can help me...
http://codepen.io/rickideeuk/pen/oshwG
The draggable elements are all working just as I want them, but I want to add a text link in each box that when clicked will make that box move off to the side of the screen, out of the way so that just the top part is showing (like a tab) (see attached pic to see what I mean, box3 text link has been clicked and so the box moved down to the bottom left). This top part is then still draggable back onto the main canvas to dragged/thrown again.
In the JS section of my codepen you can see in the top part of the code that I've tired to make this happen with Box3 by adding this code...
TweenLite.set("#box3", {left:100, top:200});
but if you click on the Box3 text link this just makes the box jump the amount of pixels stated in the code and then it only works once.
So is it possible to make it tween off to the bottom/right of the page, no matter what the size of the screen is AND then if dragged back into the screen make it possible to do again and again???
I hope that all makes sense, many thanks in advance
Rickideeuk