Link to directly open accordion title

Hi @nappysoft

This feature is not available in the free version, If You want to use this feature you have to buy the pro version of the accordion.

Thank you

I just bought the pro version, but it does NOT support this functionality. You’ll have to add a script yourself, something like this: https://github.com/elementor/elementor/issues/2993

This works with the pro and the free version if you link to an accordion page with the id of the block to collapse in the url (www.yoursite.com/page#collapse_id)

setTimeout(function(){
var current = window.location.href;
var current = current.split(‘#’);
if(current[1].length>1) {
var hash = ‘#’+current[1];
jQuery(‘.wpsm_panel-title a[href=”‘+hash+'”]’).removeClass(‘collapsed’);
jQuery(hash).addClass(‘in’);
jQuery(hash).show();
}
}, 200);

• This reply was modified 4 years ago by bytefabriek.

hi @bytefabriek ,

thanks for the suggetion we will try it and test with our plugin..if it compataible with that we will update it soon.

thanks

Hi @bytefabriek ,

I’ve added your code as an html block above the accordions, but it’s not working. Is there something I’m doing wrong?

<script type="text/javascript">
     jQuery(document).ready(function($){
          setTimeout(function(){
          var current = window.location.href;
          var current = current.split(‘#’);
          if(current[1].length>1) {
          var hash = ‘#’+current[1];
          jQuery(‘.wpsm_panel-title a[href=”‘+hash+'”]’).removeClass(‘collapsed’);
          jQuery(hash).addClass(‘in’);
          jQuery(hash).show();
          }
          }, 200);
     })
</script>

• This reply was modified 3 years, 8 months ago by saharzez.

Hi Saharzez,

I’m using a slightly modified version now:

<script type=”text/javascript”>
jQuery(document).ready(function(){
setTimeout(function(){
var location = window.location.href;
var split_location = location.split(‘#’);
if(split_location[1] == ‘undefined’){
} else if(split_location[1].length>1) {
var hash = ‘#’+split_location[1];
jQuery(‘.wpsm_panel-title a[href=”‘+hash+'”]’).removeClass(‘collapsed’);
jQuery(hash).addClass(‘in’);
jQuery(hash).show();
window.scrollBy(0, -200);
}
}, 200);
})
</script>

You can see it in action here: https://www.shb-online.nl/information-literacy-en/subject-matter/metaliteracy-en/#ac_3360_collapse4