Accordion 1.3 - jQuery menu widget

JavaScript

0 svar · 432 visningar · startad av ande85

Medlem sedan maj 200817 inlägg
Trådstart#1

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>
252 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)