Подскажите пожалуйта, JQuery и Cookies
 

Помогите пожалуйста.
Есть такой скрипт для меню
<style>
.menu { width: 122px; display: none; font:10px Arial; }
.visible { display: block; }
.ull {padding: 3px;}

</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready( function() {
$('a.header').click( function() {
var parentID = $(this).parents('div').attr('id');
$("#" + parentID + " > .menu").slideToggle( 'slow' );
});
return false;
});
</script>
<ul id="page-bar" class="left clearfloat">
<ul>
<a href="<?php echo get_option('home'); ?>/">Главная</a></ul>
<div id="d1">
<a href="#" class="header">О компании</a>
<div class="menu">
<ul ><li> <a href="http://www.info-prof.ru/?page_id=31">Миссия компании</a> </li>
<li><a href="http://www.info-prof.ru/?page_id=33">Специалисты</a> </li>
<li><a href="http://www.info-prof.ru/?page_id=35">Вакансии</a> </li>
</ul>
</div>
</div>
<div id="d2">
<a href="#" class="header">Услуги</a>
<div class="menu">
<ul ><li> <a href="http://www.info-prof.ru/?p=26">Разработка плана и оптимизация геологоразведочных работ</a> </li>
<li><a href="http://www.info-prof.ru/?p=24">Оценка запасов и ресурсов месторождений ТПИ</a> </li>
<li><a href="http://www.info-prof.ru/?p=22">Решение вопросов технологии переработки и обогащения</a> </li>
<li><a href="http://www.info-prof.ru/?p=20">Инженерное проектирование и вопросы управления горными процессами</a> </li>
<li><a href="http://www.info-prof.ru/?p=48">Экономика и оценка месторождений ТПИ</a> </li>
</ul>
</div>
</div>

Проблемы две, никак не могу добиться чтобы вкладка оставалась открытой после перезагрузки страницы, понимаю что выход в Cookies, но все не могу разобраться с этой темой.
А также чтобы когда открывается одна вкладка, закрывались все остальные.