Ich habe einen einfachen Code, mit dem ich zwischen zwei Divs umschalten kann, die Wraps für zwei Subnavigationen sind (# sub-nav-wrap ist die alternative nav). Sie befinden sich am unteren Rand des Browsers:

$(function(){
$('.button').click(function(){
    $('#sub-nav-wrapmin').toggle();
    $('#sub-nav-wrap').toggle();
}); 

});

Was ich tun möchte, ist, den Status jedes Divs so zu halten, wie er vom Benutzer nach der Aktualisierung der Seite ausgewählt wurde, und selbst wenn auf eine neue Unterüberschrift geklickt wird, bleibt das Menü unverändert, anstatt zum Standardstatus zurückzukehren.

Das HTML ist das:

<!--- Main Sub Wrap --->
<div id="bottom-wrap">
<!-- Mini Sub Nav -->

<div id="sub-nav-wrapmin" class="snWrap divone">
        <div id="sn-contentmin">
            <div id="sn-likemin"></div> 
            <div id="sn-coffeesml"></div>
            <div id="sn-sharemin"></div>
            <div id="sn-commentsml"></div>
            <div id="toggle-barmin">
                    <div id="sn-sidebrdrmin"></div>
                    <div class="sn-toggle button"></div>
           </div>
              <ul class="sn-comicsmin menu">
                <li><a class="sn-comics" style="background-position: right top" href="#comic.html">Comic</a></li>
                <li><a class="sn-archive" href="#archive.html">Archive</a></li>
                <li><a class="sn-vote" href="#vote.html">Vote</a></li>
                <li><a class="sn-spotlight" href="#spotlight.html">Spotlight</a></li>
            </ul>
      </div>
</div>
<!-- Sub Nav -->
<div id="sub-nav-wrap" class="snWrap divtwo">
    <div id="sub-nav-container">
         <div id="sub-nav-content">

                <div id="sn-bnrlft"></div>
                <div id="sn-bnrrgt"></div>
                <div class="sn-dividelft"></div>
                <div class="sn-dividergt"></div>
                <div id="sn-likebg"></div>
                <div id="sn-coffeebtn">
                </div>
                <div id="sn-sharebtn"></div>
                <div id="sn-commentbtn"></div>    
                <div id="toggle-bar">
                    <div id="sn-sidebrdr"></div>
                    <div class="toggle button"></div>
                </div>            
        </div>
        <div id="sub-nav-brdr">
            <ul class="sub-nav-comics menu">
                <li><a class="comics" style="background-position: right top" href="#comic.html">Comic</a></li>
                <li><a class="archive" href="#archive.html">Archive</a></li>
                <li><a class="vote" href="#vote.html">Vote</a></li>
                <li><a class="spotlight" href="#spotlight.html">Spotlight</a></li>
            </ul>
        </div>
    </div>
</div>

Das CSS lautet wie folgt:

#sub-nav-wrap {
    display: none;  
}

Dies ist meine erste Frage, und ich habe mir den Kopf zerbrochen, um dies mit anderen ähnlichen Codes von dieser Site zum Laufen zu bringen, aber es funktioniert nichts. Würde mich über jede Hilfe freuen ...

David

Ich habe eine gebautjsFiddle um zu zeigen, wie die Navigation ohne Cookie funktioniert.Diese ist mein Versuch, Cookies zu verwenden. Ich hoffe es ist etwas einfaches und ich habe es nur vermisst verstanden ...