---
title: "Accordion 1.3 - jQuery menu widget"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/185100-accordion-1-3-jquery-menu-widget"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ande85"
published: "2010-11-01T15:21:21.000Z"
updated: "2010-11-01T15:21:21.000Z"
replies: 0
views: 422
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/185100-accordion-1-3-jquery-menu-widget"
---

# Accordion 1.3 - jQuery menu widget

## #1 — ande85, 2010-11-01T15:21Z

Använder Accordion 1.3 - jQuery menu widget för att göra en treeview meny i Jquery.  Menyn fungerar bra förutom att när jag har klickat på en länk så vill jag att när sidan laddas om så ska menyn fortfarande vara expanderad till dit där länken jag klickade på va.

Är det någon som har en idé på hur jag kan lösa detta? 

Bifogar kod:

```
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/accordion.js"></script>
<script type="text/javascript">
    jQuery().ready(function () {
        // applying the settings
        jQuery('#theMenu').Accordion({
                    });
        jQuery('#xtraMenu').Accordion({
active: 'h3.selected',
            header: 'h3.head',
            alwaysOpen: false,
            animated: true,
            navigation: true,
            fillSpace: true,
            showSpeed: 400,
            hideSpeed: 800        });
    });	
</script>
        
<ul id="theMenu">
<li><h3 class="head"><a href="javascript:;">Kemtekniskt</a></h3>
<ul>
<li><a href="/produkter/kemtekniskt/aerosoler.aspx">- Aerosoler</a></li>
<li><a href="/produkter/kemtekniskt/avfettningsmedelbilvaard.aspx">- Avfettningsmedel / bilvård</a></li>
<li><a href="/produkter/kemtekniskt/daglig-rengoering.aspx">- Daglig rengöring</a></li>
<li><a href="/produkter/kemtekniskt/desinfektionsmedel.aspx">- Desinfektionsmedel</a></li>
<li><a href="/produkter/kemtekniskt/disk.aspx">- Disk</a></li>
<li><a href="/produkter/kemtekniskt/hygien.aspx">- Hygien</a></li>
<li><a href="/produkter/kemtekniskt/tvaett.aspx">- Tvätt</a></li>
<li><a href="/produkter/kemtekniskt/wc.aspx">- Wc</a></li>
</ul>
</li>
<li>
<h3 class="head"><a href="javascript:;">Papper/Sopsäckar</a></h3>
<ul>
<li>
<ul id="xtraMenu">
<li>
<h4 class="head"><a href="javascript:;">Papper</a></h4>
<ul>
<li><a href="/produkter/pappersopsaeckar/papper/handtork.aspx">- Handtork</a></li>
<li><a href="/produkter/pappersopsaeckar/papper/industri.aspx">- Industri</a></li>
<li><a href="/produkter/pappersopsaeckar/papper/toalett.aspx">- Toalett</a></li>
</ul>
</li>
<li>
<h4 class="head">
<a href="javascript:;">Sopsäckar/Avfallspåsar</a></h4>
<ul>
<li><a href="/produkter/pappersopsaeckar/sopsaeckaravfallspaasar/avfallspaasar.aspx">- Avfallspåsar</a></li>
<li><a href="/produkter/pappersopsaeckar/sopsaeckaravfallspaasar/sopsaeckar.aspx">- Sopsäckar</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<h3 class="head"><a href="javascript:;">Utrustning</a></h3>
<ul>
<li><a href="/produkter/utrustning/dispensers.aspx">- Dispensers</a></li>
<li><a href="/produkter/utrustning/disk.aspx">- Disk</a></li>
<li><a href="/produkter/utrustning/personskydd.aspx">- Personskydd</a></li>
<li><a href="/produkter/utrustning/staed.aspx">- Städ</a></li>
</ul>
</li>
</ul>
```

Permalänk: https://www.webforum.nu/p/185100

---

Tråden på webben: https://www.webforum.nu/amne/javascript/185100-accordion-1-3-jquery-menu-widget