Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Responsive Contact Form

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39221
    tobeeornot
    Member

    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?

    #107375
    Mottie
    Moderator

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

    HTML

    Contact Me (click here)









    Script

    $('#contact').hide();

    $('h2').click(function(){
    $('#contact').slideToggle('slow');
    });​
    #107455
    tobeeornot
    Member

    Great. Many thanks, Mottie.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.