How to open/target Specific Accordion Item with URL?

Sometimes it is needed that the link on a page opens up on a specific accordion. It can be easily done with the PowerPack’s Advanced Accordion.

For, this we need to define a prefix that will be applied to the ID attribute of accordions in HTML. For example, Prefix “myaccordion” will be applied as myaccordion-1, myaccordion-2 in ID attribute of Accordion 1 and Accordion 2 respectively. It should only contain dashes, underscores, letters or numbers but no spaces.

How to do it?

Step 1: Open the Advanced accordions module settings and go to the style accordion.

Step 2: Under the general sub-section, add the Custom ID Prefix. Here, it is going to be myaccordion.

Step 3: Click on the save button to save the changes.

Step 4: Go to the button and enter the link as : [website address]/[page]/#[prefix]-[1,2,3,4]

The prefix is same as of the one you set on the advanced accordions settings’ Custom ID Prefix and the number following the “-” refers to the accordions starting from 1.

For example, the link for the advanced accordion on the demo page’s second accordion will be: https://wpbeaveraddons.com/demo/advanced-accordions/#myaccordions-2

Step 5: Save the button and you are done!