dark-attentiondark-datedark-timedark-contactdark-infodark-play dark-pricedark-venueicon-alert icon-arrow-left icon-arrow-right icon-blockquote icon-cal icon-clock icon-contact UI / Full-Part-Volunteer CopyCreated with Sketch. EPS IconCreated with Sketch. icon-facebook--dark_circle icon-facebook--dark_square icon-facebook--outline_circle icon-facebook--outline_square icon-facebookCreated with Sketch. icon-htm icon-info icon-instagram--dark_circle icon-instagram--dark_square icon-instagram--outline_circle icon-instagram--outline_square icon-instagram icon-linkedin--dark_circle icon-linkedin--dark_squareicon-linkedin--outline_circleicon-linkedin--outline_squareicon-linkedin icon-logo2 icon-mp3 icon-pinterest--dark_circle icon-pinterest--dark_square icon-pinterest--outline_circle icon-pinterest--outline_square icon-pinterestCreated with Sketch. icon-play icon-price icon-spotify--dark_circle icon-spotify--dark_square icon-spotify--outline_circle icon-spotify--outline_square icon-spotify icon-spreadsheet icon-threads--dark_circle icon-threads--dark_square icon-threads--outline_circle icon-threads--outline_square icon-threads icon-tiktok--dark_circle icon-tiktok--dark_square icon-tiktok--outline_circle icon-tiktok--outline_square icon-tiktok icon-twitter--dark_circle icon-twitter--dark_square icon-twitter--outline_circle icon-twitter--outline_square icon-twitterCreated with Sketch. icon-x--dark_circle icon-x--dark_square icon-x--outline_circle icon-x--outline_square icon-x icon-youtube--dark_circle icon-youtube--dark_square icon-youtube--outline_circle icon-youtube--outline_square icon-youtubeCreated with Sketch. FolderCreated with Sketch. icon-zoom light-attentionlight-cal light-clocklight-contactlight-infolight-play light-pricelight-venue

Accordion Content Block

The Accordion content block can be added on any post or page by clicking the blue ‘Add Content Block’ button on the bottom in the Content Blocks section and selecting ‘Accordion’.

See the example below.

Accordion Content Block Fields

This content block has five fields.

 

Nav Title is used for in-page navigation. Such as the ‘EXAMPLE’ link in the hero above.

The Title field is for the content block header, such as the ‘Accordion Block Title’ below.

Layout defines whether the accordion will be on the left or right side of the page, opposite of the text block.

The Text Block field is a simple text editor that will appear in a column next to the accordion either on the right or left, depending on what is selected in the Layout field.

The Accordion Block field is a special field type called a repeater field. You can add/repeat as many ‘Accordion Blocks’ or rows as you would like. Click the blue ‘Add Accordion Block’ button and two fields will appear.

  • Title is the main text of that accordion row that will always show whether it is opened or closed.
  • The Text field only shows when that accordion row is expanded.

Make sure to ‘Update’ the page to save your changes.

Accordion Block Title

This is an example of the accordion content block.

It expands and shrinks!

Like an accordion!

This accordion is amazing!

But wait… there’s more!

You can put all kinds of content in here!

Links

  • Bulleted lists
  • Bulleted lists
  • Bulleted lists

 

  1. Numbered lists
  2. Numbered lists
    1. Number list lists
    2. Number list lists
  3. Number lists

Why do bees have sticky hair?

Because they use honeycombs!

Did you hear about the actor who fell through the floorboards?

He was just going through a stage.



Training video to come.