Fancy Sliding Form Animated with jQuery

By Sam Deering

I found a pretty cool sliding form using jQuery. It’s easily installed into your webpage with some jQuery and CSS. The HTML structure for the form is based like this:

  • for the main form wrap
  • sets the form title for each page
  • for each page content on the form
  • for each input field container within the page content


See live demo Download


  • krishna

    in ie6 not working properyl

  • Ami Net

    How do i add a next and prev button to this fancy form

  • Femstar

    Pages don’t fit in window for IE 11. How can this be fixed?



Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.