Open a Specific Tab, Toggle or Accordion on Same Page Button Click!

Codes for toggle

Codes for accordion

Codes for tabs

Toggle

See toggle 1

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-toggle-open|0' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an accordion, it is 'data-accordion-open|0'.

See toggle 2

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-toggle-open|1' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an accordion, it is 'data-accordion-open|0'.

See toggle 3

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-toggle-open|2' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an accordion, it is 'data-accordion-open|0'.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Accordion

See accordion 1

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-accordion-open|0' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an toggle, it is 'data-toggle-open|0'.

See accordion 2

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-accordion-open|1' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an toggle, it is 'data-toggle-open|0'.

See accordion 3

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-accordion-open|2' in the Custom Attributes checkbox.

If it's to open a tab, the attribute needed is 'data-tab-open|0' . For an toggle, it is 'data-toggle-open|0'.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tabs

See tab 1

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-tab-open|0' in the Custom Attributes checkbox.

If it's to open a accordion, the attribute needed is 'data-accordion-open|0' . For an toggle, it is 'data-toggle-open|0'.

See tab 2

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-tab-open|1' in the Custom Attributes checkbox.

If it's to open a accordion, the attribute needed is 'data-accordion-open|0' . For an toggle, it is 'data-toggle-open|0'.

See tab 3

Go to the advanced tab and then expand the attributes dropdown. Write the text 'data-tab-open|2' in the Custom Attributes checkbox.

If it's to open a accordion, the attribute needed is 'data-accordion-open|0' . For an toggle, it is 'data-toggle-open|0'.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
  1. Download and unzip the file
  2. Import to Elementor template