Currently, I am in the process of developing a website page with tab-like options. Using buttons and sections of Elementor, I have successfully created the functionality where clicking on each button displays a corresponding section.
Now, my goal is to allow these sections to be accessible through the navigation bar as well. To achieve this, I need to assign specific URLs to each section. For example, when selecting Section 2 from the navigation, the page will reload, the URL will change, and Section 2 will be displayed.
You can view the live page by clicking here.
Below is the JavaScript code that enables the appearance of each section upon button click:
var divs
var btn11 = document.getElementById("btn11");
...
// The rest of the JavaScript code remains unchanged
...
.elementor-editor-active .hidden {
display: block;
}
.hidden {
display: none;
}
.shown {
display: block !important;
}