How to open accordion section from an external link?

[michaelmueller4321]

Hello!

I use this Accordion: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_symbol

How to open accordion section from an external link, like: https://www.test.com/test.html#section1

Thank you very much.

Michael

[ishan_shah]

When the page loads your ready function will run, this should open the accordion section the URI's hash refers to:

jQuery(document).ready(function() {
    // get the #section from the URL
    var hash = window.location.hash; 
    // open accordion
    jQuery(hash).slideDown(300).addClass('open'); 
    // set title to active 
    jQuery(hash).prev('.accordion-section-title').addClass('active');
    /* ... the rest of your code here */
});

you might get a slight performance boost if you don't get the jQuery object twice, you can chain these like this:

jQuery(hash).slideDown(300).addClass('open')
                .prev('.accordion-section-title').addClass('active');

 

Edited April 20, 2020 by ishan_shah