jquery伸缩层存入cookie问题？

有多个页面，每个页面左边有相同的菜单（一个父级菜单 5个子菜单 默认子菜单处于隐藏状态）要实现功能如下：
在A页面如果子菜单处于打开状态 则打开其他页面时子菜单都处于打开状态.... 准备采用jquery 及 cookie 来完成 请问如何实现？
<ul>
<li><a id="h" href="javascript:void(0);">管理</a>
</ul>
<ul id="s">
<li>管理1</li>
<li>管理2</li>
<li>管理3</li>
</ul>
<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript" language="javascript">
$(function(){
var ced = $.cookie('t');
$("#s").hide();
$("#h").click(function(){$('#s').toggle();
//$.cookie('t', ced, 24);});

});
</script>