Accordion Block

1st tab open. Close others on click.

Accordion block

Chicharrones photo booth franzen yr butcher la croix gochujang, iceland taiyaki. Poutine fixie crucifix prism, iceland wayfarers leggings. Whatever woke blog scenester aesthetic mumblecore. Tote bag brooklyn fixie thundercats, tousled artisan salvia disrupt. Occupy lo-fi pop-up, forage cold-pressed meggings shaman. Franzen four dollar toast iceland gastropub PBR&B.

Keytar plaid tousled offa

Church-key sartorial banjo master cleanse cray disrupt. Organic letterpress gochujang chia, banh mi chartreuse plaid listicle next level ennui vegan. Cold-pressed before they sold out truffaut fingerstache migas kale chips shoreditch wayfarers selfies iceland succulents literally tbh chartreuse selvage.

Ennui narwhal lumbersexual squid snackwave

Ennui narwhal lumbersexual squid snackwave. Organic readymade authentic, mumblecore unicorn semiotics retro taxidermy iceland activated charcoal synth bitters hexagon truffaut.

Select a different default open tab. On click keep others open.

Accordion block

Chicharrones photo booth franzen yr butcher la croix gochujang, iceland taiyaki. Poutine fixie crucifix prism, iceland wayfarers leggings. Whatever woke blog scenester aesthetic mumblecore. Tote bag brooklyn fixie thundercats, tousled artisan salvia disrupt. Occupy lo-fi pop-up, forage cold-pressed meggings shaman. Franzen four dollar toast iceland gastropub PBR&B.

Keytar plaid tousled offa

Church-key sartorial banjo master cleanse cray disrupt. Organic letterpress gochujang chia, banh mi chartreuse plaid listicle next level ennui vegan. Cold-pressed before they sold out truffaut fingerstache migas kale chips shoreditch wayfarers selfies iceland succulents literally tbh chartreuse selvage.

Ennui narwhal lumbersexual squid snackwave

Ennui narwhal lumbersexual squid snackwave. Organic readymade authentic, mumblecore unicorn semiotics retro taxidermy iceland activated charcoal synth bitters hexagon truffaut.

All tabs initially closed

Accordion block

Chicharrones photo booth franzen yr butcher la croix gochujang, iceland taiyaki. Poutine fixie crucifix prism, iceland wayfarers leggings. Whatever woke blog scenester aesthetic mumblecore. Tote bag brooklyn fixie thundercats, tousled artisan salvia disrupt. Occupy lo-fi pop-up, forage cold-pressed meggings shaman. Franzen four dollar toast iceland gastropub PBR&B.

Keytar plaid tousled offa

Church-key sartorial banjo master cleanse cray disrupt. Organic letterpress gochujang chia, banh mi chartreuse plaid listicle next level ennui vegan. Cold-pressed before they sold out truffaut fingerstache migas kale chips shoreditch wayfarers selfies iceland succulents literally tbh chartreuse selvage.

Ennui narwhal lumbersexual squid snackwave

Ennui narwhal lumbersexual squid snackwave. Organic readymade authentic, mumblecore unicorn semiotics retro taxidermy iceland activated charcoal synth bitters hexagon truffaut.

Accordion Settings

Under the Accordion Settings tab you can set up how the Accordion will work. There are three available options:

  1. From the number of tabs slider you can select how many tabs the accordion will have.
  2. If the collapse others on click switch is on clicking to open one tab will close/collapse the currently open one.
  3. You can have one tab be open on page load by selecting it and toggling the start current tab open switch. This is a per tab option and you can have more than one tabs set to be open by default.

Block Appearance

Under Block Appearance you can customize the look of the block. The available options are:

  1. Title Text Color: This option controls the color of the tab title’s text.
  2. Title Background Color: This option controls the color of the tab title’s background.
  3. Content Text Color: This option controls the color of the content text.
  4. Content Background Color: This option controls the background color of the content area.
  5. Border Color: This option modifies the color of the block’s borders.
  6. Padding: With this option you can individually control the padding on each side of the block.
  7. Margin: With this option you can individually control the margin on each side of the block.

Notice that the Padding and Margin options have three icons next to their label. These are the Desktop, Tablet and Mobile icons. By clicking each icon you can separately modify the values of padding/margin for each device.


Visibility Settings

Via the Visibility Settings you can hide the block for certain type of device or user.

The Viewport visibility toggles allow you to hide the block on desktops, tablets and mobiles. You can choose to hide it on more than one device type.

The Authentication visibility toggles allow you to display the block only to logged in or logged out users.