How to create a link to an accordion item

Created by Claiton Tadeu Bulhões Jr., Modified on Fri, 20 Jan 2023 at 08:38 AM by Claiton Tadeu Bulhões Jr.


This feature requires custom code to be added in order for it to work. If you followed the steps below but it doesn't work, please reach out to support@digitaldeployment.com or submit a ticket when logged into your website.


To create a hyperlink to an accordion, you'll need to  use your browsers the Inspect tool and follow these steps:


  1. Right-click on the accordion tab that you want to link to and select "Inspect" from the context menu.

  2. In the "Elements" tab of the Developer Tools window that appears, you should see the HTML code for the accordion tab.

  3. Locate the "id" attribute of the accordion tab. It will be located in the <div> or <a> tag.


  4. Once you have located the "id" attribute, you can use it to create a hyperlink to the accordion tab. The format for the hyperlink will be as follows - URL + # + id 

    1. www.example.com/page#accordion_heading-0-30


  5. To test your hyperlink, you can copy and paste it into the address bar of your browser and press enter.

  6. Next, add your link to your content as seen below:



  7. If all went well, the page should scroll to the accordion tab when you click the hyperlink.

Note: The Accordion tab must be in the same page, if not, you need to use the full URL of the page in your hyperlink.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article