Direct link to active option

hi @hbl1 ,

you can give the particular accordion section with its url in menu.

thanks

Hey @preetam27,

can you please rephrase your answer? Or maybe do you have an example for my page https://twitch.wuestenigel.com/

Example: When I copy the link https://twitch.wuestenigel.com/#ac_39_collapse12 and open in a new browser, the accordion is not opened.

Best,
Marco

• This reply was modified 4 years ago by wuestenigel.

hi,

you can give url by manually added menu in code like below.

<li id="menu-item-41" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-41">
<a class="collapsed" data-toggle="collapse" data-parent="" href="#ac_39_collapse11" aria-expanded="false">Open Accordion</a>
</li>

thanks

Thank you for such detailed reply.

Hi @hbl1,

Glad that your issue has been resolved. If you like our plugin please rate us.

Thanks

Hello!

I’ve tried using this on my own site. It works if the link is on the same page as the accordion, but not when the link is on a different page.

Additionally, when the link is in a different accordion section, but on the same page as the section I’m linking to, how can I make the first accordion section close when the link is clicked?

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

Hi @saharzez,

For this, you have to give a link in the Accordion Description in the edit.php page like the code written below.

<a class="collapsed" data-toggle="collapse" data-parent="" href="#ac_158_collapse2" aria-expanded="false">Open Accordion</a>

Please following below steps.
Go to Plugin directory -> responsive-accordion-and-collapse -> front -> open ac-content.php file.
Paste the code below into the end of the file.

<script>
jQuery('.wpsm_panel-body a').click(function(){
jQuery('.wpsm_panel-collapse')
   .collapse('hide');
});
</script>

Then run it and let me know that it is working properly or not.

Thanks