jQuery Forum

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.