Free templates (no free stuff allowed anymore!) > FREE Flexible Slide to top Accordion

FREE Flexible Slide to top Accordion


Date: 12 October 2011 | Posted by: w3nh4o
FREE Flexible Slide to top Accordion


Demo :
http://adf.ly/3ARut

Sourtce :
http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/


In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.
See full article