So I just leaned to do transitions, you can see here.

Questions 1 How do I get it to go in the other directions, left, up and down? 2 Is there a better way to hide it? As you can see I did a kinda crappy job.

this site helped me with sliding transitions :D

I can't glimpse at your code atm since I'm on mobile, but you are using z-indexes to control veiwing, right? That's pretty much how I've always done it.

i hope that helps!

Ooh I'll check that out. Yep I used z-indexes. Thanks^^