Menu Accordion - Expand panel of the link

Menu Accordion - Expand panel of the link

Hi everyone !

I'm new on that forum and I hope you could help me !
I created a navigation menu for an e-commerce website. My accordion is working weel !

I would like that when we click on an item from the third section, for exemple, when my page reload to that link, the third section panel is "open".
I can't do that with the active : 2, because it has to depend the url, is that clear ?

Please see my html construction :
  1. <div id="accordion" style="background-color:#fff; padding:10px 0;">
        <h3 class="menuitem">Animaux sauvages</h3>
            <ul>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=information/information&information_id=13">Tout</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_99">Lampes</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_122">Coque de téléphone</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_125">Set de table</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_126">Sous-verre</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_128">Tapis de souris</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=76_127">Mug</a></li>
            </ul>
       
        <h3 class="menuitem">Charme</h3>
            <ul>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=information/information&information_id=14">Tout</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_400">Lampes</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_401">Coque de téléphone</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_402">Set de table</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_403">Sous-verre</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_404">Tapis de souris</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=399_405">Mug</a></li>
            </ul>
       
        <h3 class="menuitem">Enfants</h3>
            <ul>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=information/information&information_id=15">Tout</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=377_378">Lampes</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=377_380">Coque de téléphone</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=377_387">Set de table</a></li>
                <li><a href="http://plagedesdemoiselles.fr/index.php?route=product/category&path=377_388">Mug</a></li>
            </ul>
  1. </div>

And my script :

  1. <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
     
    <script>
     $( function() {
        $( "#accordion" ).accordion({
            collapsible: true,
            active: false,
            heightStyle: "content",
            header: "h3"
            //event: "mouseover"
        }); 
      } );
    </script>

I read before the "navigation" parameter was use but not anymore.


You can ask for more details and see my page here

Thank you for your help.