How to create a link to an accordion item

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.