title: iPhone like folder opened design on the web
body: <p>This is a bit tough, and I would love some help with this. I have researched forever and cannot find a way to do so, nor know how to write it. I am looking to create an iPhone folder-like design for the web. The design is like this:</p>
  
  <p><img src="https://i.stack.imgur.com/cw2ZJ.jpg" alt="enter image description here"></p>
  
  <p>For those of you who have iDevices, I want that "slide out" effect when you click on the folder as well. </p>
  
  <p>For those of you who do not have iPhones/ipads/itouch (I dont know how you live with yourself first off!) but its a nice flowing opening menu when you click on it.</p>
  
  <p>When you click the "login" button I want it to look like an the opening of the iphone folder, and kind of "split" the page in half like the iDevices do.</p>
  
  <p>I'd love help writing this to work, as I'm sure a ton of people would benefit from it as well. It doesn't have to be exact, I just want the underlying animation. I can write everything else myself. Everything you need should be on that site if you view the source.</p>
  
  <p>Click "Browse all Features" on:</p>
  
  <p><a href="http://www.apple.com/ipodtouch/features/" rel="nofollow noreferrer">http://www.apple.com/ipodtouch/features/</a></p>
  
  <p>Thats exactly what I want.</p>
  
  <p>Thanks for all your help everyone!</p>