jQuery Contact Tabs Plugin

jQuery Contact Tabs – Multiple Contact Forms

There are no limits to the number and type of forms you can add to the tabs – each form is fully customisable!

The following demo shows set up of 3 contact forms, each can be set to email the form submission to a different person.

jQuery Code

$('#contact-tabs').dcContactTabs({
    tabs: [{
        form: {
            // CREATE FORM ELEMENTS FOR TAB 1
            intro: {type: 'textblock', text: 'This is an example of a standard contact form.'},
            name: {type: 'text', label: 'Your name', validate: 'required,fake'},
            emailfrom: {type: 'emailfrom', label: 'Your email'},
            message: {type: 'textarea', label: 'Your message', validate: 'required'},
            submit: {type: 'submit', text: 'Submit'}
        },
        title: 'Contact A',
        subject: 'Contact A',
        action: 'email_a.php',
        icon: 'contact_m.png'
    },{
        form: {
            // CREATE FORM ELEMENTS FOR TAB 2
            intro: {type: 'textblock', text: 'This is an example of a standard contact form.'},
            name: {type: 'text', label: 'Your name', validate: 'required,fake'},
            emailfrom: {type: 'emailfrom', label: 'Your email'},
            message: {type: 'textarea', label: 'Your message', validate: 'required'},
            submit: {type: 'submit', text: 'Submit'}
        },
        title: 'Contact B',
        subject: 'Contact B',
        action: 'email_b.php',
        icon: 'contact_f.png'
    },{
        form: {
            // CREATE FORM ELEMENTS FOR TAB 3
            intro: {type: 'textblock', text: 'This is an example of a standard contact form.'},
            name: {type: 'text', label: 'Your name', validate: 'required,fake'},
            emailfrom: {type: 'emailfrom', label: 'Your email'},
            message: {type: 'textarea', label: 'Your message', validate: 'required'},
            submit: {type: 'submit', text: 'Submit'}
        },
        title: 'Contact C',
        subject: 'Contact C',
        action: 'email_c.php',
        icon: 'contacts.png'
    }],
    offset: 70,
    location: 'left'
});
jQuery Social Media Tabs
jQuery Social Stream Plugin
jQuery Social Share Buttons Plugin