Step 1: Click on the CWS Shortcodes icon

cws shortcodes

Step 2: Click the option labeled “Accordion” on the side panel

accordion

Step 3: To add another accordion, Click “Add Panel” at the bottom

Step 4: When you are done, Click “Insert” at the bottom to add it to the page

Step 5: Click the blue “Update” button on the right side to update the page


Example


Content for Accordion 1.


Content for Accordion 2.


Content for Accordion 3.

Elements

Style:

  • Traditional: brown & gold colors
  • Fresh: blue & green colors

Add Sheen:

  • Gives accordion a sheen lighting

Title:

  • The words on the accordion label

Content:

  • The information inside the accordion

Active:

  • Specifies if the accordion is open or closed by default

Copy:

  • Allows you to copy the accordion code