I gave this anchor link the id “toggle3” to help remember that I want to link to the third toggle on the page. To do this, first, open the button settings and add the following link URL for your button: For this example, I’m going to use the button in the top header section as the anchor link so that, when clicked, the page will scroll to a specific toggle which will simultaneously open automatically. Now you are ready to add your anchor link functionality. Then click on the layout and on the preview that comes up click the Use This Layout button to deploy it to your page. In the Load from Library popup, find the Accountant FAQ page layout by typing “faq” in the search bar.

Then select the option “Choose a Premade Layout”. A simple method may be by using a FAQ plugin, but either way, consider this use of jump links for better site UX.įirst, create a new page and deploy the visual builder. You can also use a variation of this method to open tabs or accordions and while this may seem difficult, it’s really not too complex. This will only take a minute and a few lines of JavaScript to complete. They work great for revealing small bits of information that the user wants to focus on. One of the best uses I’ve seen for toggles is for FAQ pages. I’m a big fan of toggles for certain types of content. Call me lazy (I’d use the word efficient) but the easier it is for me to get my information, the better. Toggles are one of those elements that can enhance user experience.

Subscribe To Our Youtube Channel Scroll to and Open a Toggle with an Anchor Link in Divi Jump to a Page Section from Another Pageĥ Cool Things You Can Do In Divi with Anchor Links.Scroll to and Open a Toggle with an Anchor Link in Divi.5 Jump to a Page Section from Another Page.3 Scroll to and Open a Toggle with an Anchor Link in Divi.2 5 Cool Things You Can Do In Divi with Anchor Links.

Anchor links in divi