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>