The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Responsive Contact Form

  • # August 6, 2012 at 6:37 am

    I’m looking to reproduce something like the responsive contact form on this site with the trigger to open and close the form being the ribbon below, and was hoping someone could give me some tips on how it is done with jquery. I’m not really sure where to begin in terms of positioning the open/close button, and getting the form to work.

    Would I be right in saying this is an accordion with form elements inside?

    # August 6, 2012 at 10:34 am

    That can be done using jQuery’s slideToggle function. Demo


    Contact Me (click here)



    # August 7, 2012 at 6:05 pm

    Great. Many thanks, Mottie.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed