Illustration of accordion in a webform

This module allows you to group webform fields inside of a jQuery UI Accordion control similarly to how the default Fieldset control works. The module makes two new components available for use on your webform: "Accordion Container" and "Accordion Tab".

Creating an accordion

  1. Create or edit a webform node at node/add/webform.
  2. Add one or more Accordion Containers to your form. Each container represents a single Accordion control.
  3. Add two or more Accordion Tab controls to your form as children of an Accordion Container.
  4. Add Webform controls as children of each Accordion Tab.

Requirements

NOTE: You should use the 2.x branch of this module if you are using Webform 4.x.

Supporting organizations: 
Initial development

Project information

Releases