Ik ben bezig met een hide show menu , dit werkt perfect .
Als je de pagina herlaad of iets anders aanklikt , klapt het menu wat ik net open heb gezet weer automatisch dicht en anders om.

Nu wilde ik daarvoor een $cookie gebruiken alleen kom ik hier niet helemaal uit.

Hieronder javascript + stukje van mijn menu wat ik gebruik.
$cookie zit er totaal niet om omdat ik het maar niet werkend kan krijgen.

Als je weet hoe ik het kan oplossen roep maar , eventueel vergoeding ook geen probleem.


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$("document").ready(function (){
$(".links").click(function (){
var element = $(this).attr('title');
$(element).animate({"height": "toggle"}, { duration: 100 });
});
});
</script>


<div id="main">
<div class="sidebar">
<div class="sidebar-box">
<div id="title" title="#Algemeen" class="links"><a href="#" id="toggle" class="button"><span>Algemeen</span></a></div>
<ul class="hidden" id="Algemeen">
<li class="page_item"><a href="?p=algemeen">Algemene info</a></li>
</ul>
<div class="sidebar-box-in"></div>
</div>
<div class="between"></div>
<div class="sidebar-box">
<div id="title1" title="#Persoonlijk" class="links"><a href="#" id="toggle1" class="button"><span>Persoonlijk</span></a></div>
<ul class="hidden" id="Persoonlijk">
<li class="page_item"><a href="?p=persoonlijk">Persoonlijk</a></li>
</ul>
<div class="sidebar-box-in"></div>
</div>
<div class="between"></div>

<div class="sidebar-box">
<div id="title3" title="#Locatie" class="links"><a href="#" id="toggle3" class="button"><span>Locatie</span></a></div>
<ul class="hidden" id="Locatie" style="display: none">
<li class="page_item"><a href="?p=locatie">Locatie</a></li>
</ul>
<div class="sidebar-box-in"></div>
</div>
<div class="between"></div>

http://pastebin.com/d1ygFEbF

De comments zijn een beetje verprutst door pastebin, maar hiermee zou het moeten lukken! Als je bereid bent een vergoeding te betalen, stuur gerust een PM. :)