CherryFramework 4. How to make accordion tab open by default

This tutorial will show you how to make accordion tab open by default in CherryFramework 4 based templates.

All the accordion tabs you create with the help of ‘cherry_accordion’ shortcode will be closed by default:

Let’s see how to make any accordion tab open:

Editing existing accordion

1. Login to the WordPress dashboard;

2. Open any page that comes with ready-to-use accordion (e.g: FAQs page):

   

3. Locate ‘cherry_spoiler title’ shortcodes. Each shortcode represents a separate accordion tab. Locate the tab you’d like to change, e.g:

   [cherry_spoiler title="Lorem ipsum dolor sit amet?"]

4. Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab opened by default:

   [cherry_spoiler title="Lorem ipsum dolor sit amet?" open="yes"]

5. Save the changes;

6. Refresh your page to see the changes. The tab will be opened by default now:

   

Creating a new accordion

1. Create a new page/post;

2. Click on the ‘Insert Shortcode’ button:

   

3. Add the ‘accordion’ shortcode:

   

4. Locate the ‘cherry_spoiler title’ shortcodes. Each shortcode represents a separate accordion tab. Locate the tab you want to change, e.g:

   [cherry_spoiler title="Spoiler Title"]Content1[/cherry_spoiler]

5. Add the open="yes" shortcode option into ‘cherry_spoiler title’ shortcode to make accordion tab open by default:

   [cherry_spoiler title="Spoiler Title" open="yes"]Content1[/cherry_spoiler]

6. Use the ‘Live Preview’ button to view the changes and ‘Insert Shortcode’ button to add the shortcode into page/post;

7. Save the changes. You’ve created a new accordion. The tab will open by default now:

   

Feel free to check the detailed video tutorial below: