Раскладывающееся меню с jquery.cookie.js
Доброго времени суток. Нужна помощь знающих людей. В общем, есть меню для игры, нужно сделать так, чтобы при переходе на какую-либо другую страницу, меню запоминалось в предыдущем состоянии, пробовал сделать сам, но не получилось. Оно у меня в данном варианте при переходе на новую страницу раскрывается, а нужно чтобы оно в изначальном варианте было полностью свернуто, далее когда человек захочет открыть один пункт меню, оно чтобы раскрывалось и при переходе на другие страницы, это состояние меню сохранялось. Как я понял, здесь нужно прибегнуть к плагину jquery.cookie.js но не пойму пока как им пользоваться.
Есть файл menu.tpl Вот сам код этого меню (файла menu.tpl):
<div id='leftmenu'>
<script language="JavaScript">
function f(target_url,win_name) {
var new_win = window.open(target_url,win_name,'resizable=yes,scrollbars=yes,menubar=no,toolbar=no,width=550,height=280,top=0,left=0');
new_win.focus();
}
</script>
<style type="text/css">
<!--
.style2 {
color: #FF0000;
font-weight: bold;
font-size: xx-small;
}
.style4 {
color: #00FF00;
font-weight: bold;
}
-->
</style>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.style2 {color: #FFFF00}
.style4 {color: #FFFFFF; font-weight: bold; }
.style6 {color: #FF0000; font-weight: bold; font-size: x-small; }
-->
</style>
<style type="text/css">
<!--
.style7 {color: #FF00FF}
.style8 {color: #00FFFF}
.style9 {color: #FF0000}
.style10 {color: #FFFF00}
.style11 {color: #FFFFFF}
-->
</style>
<style type="text/css">
<!--
.style1 {font-weight: bold}
-->
</style>
<style type="text/css">
<!--
.style7 {color: #FF0000}
-->
</style>
<style type="text/css">
<!--
.style7 {color: #00FF00}
-->
</style>
<style type="text/css">
<!--
.style7 {color: #FF0000}
.togguprav {display:none;}
.toggnavi{display:none;}
.toggother{display:none;}
.togglink{display:none;}
.togguprav{display:none;}
.toggvaj{display:none;}
-->
th, td.a, td.b, td.c, td.f, td.g, td.h, td.i,
td.j, td.k, td.l, td.m, td.n, td.o, td.q, td.r,
td.v, .style td, p td, table.s th img
{
text-align:left;
border:0px;
}
.headers{
text-align:center;
text-decoration:none;
padding-top:6px;
font-size:11px;
font-weight:bold;
color:#768189;
background:url(/images/spriteset_buttons.jpg) -261px 0px;
width:167px;
height:21px;
float:left
}
}
.headers a{
display:block;
width:167px;
height:21px;
}
a:hover{
background:none;
}
.headers:hover{
text-align:center;
background:url(/images/spriteset_buttons.jpg) -261px -27px;
color:#000;
}
</style>
<body class="style" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
<center><div id='menu'>
<table cellpadding="0" cellspacing="0" align="right">
<tr>
<td colspan="2" style="border-top: 1px #545454 solid"><div><center>
<div align="center"></div>
<center></div></td>
<tr>
<td colspan="2" style="border-top: 0px #545454 solid; border-bottom:0px #545454 solid">
<center><img src="{avatar}" alt="Аватар" height="*" width="*"/><br>
<strong>Здравствуйте {$st_player} </strong></center></td>
</tr><tr>
<td colspan="2"><div><center>Альянс: {$st_alliance}</center></div></td>
</tr>
<tr>
<td colspan="2" align="center"><center><b>{novichek}{kursant}{geimer}{progeimer}{otec}{already_otec}{lider}{noob}</br></b></center></td>
</tr><tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<a href="#" onclick="$('.toggvaj').slideToggle('fast');" title="Развернуть \ Свернуть"><font color=red>Для новичка!</font></a></center></td>
</tr>
<tr>
<td colspan="2" align="center"title="Правила поведения на сервере"><div class="toggvaj"><a href="../../rules.php" accesskey="o" target="{mf}"><font color="00fff9">Правила игры</center></a></div></td>
</tr>
<tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<a href="#" onclick="$('.togguprav').slideToggle('fast');" title="Развернуть \ Свернуть"><font color=ff00dd>Управление</font></a>
</center></td>
</tr>
<div class='togguprav'>
<tr>
<td colspan="2"title="Обзор вашей империи"><div class='togguprav'><a href="overview.php" accesskey="g" target="{mf}">{Overview}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Постройки зданий"><div class='togguprav'><a href="buildings.php" accesskey="b" target="{mf}">{Buildings}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Уровень производства ресурсов"><div class='togguprav'><a href="resources.php" accesskey="r" target="{mf}">{Resources}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Развитие навыков и возможностей"><div class='togguprav'><a href="buildings.php?mode=research" accesskey="r" target="{mf}">{Research}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Постройка флота"><div class='togguprav'><a href="buildings.php?mode=fleet" accesskey="f" target="{mf}">{Shipyard}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Здесь находится ваш флот"><div class='togguprav'><a href="fleet.php" accesskey="t" target="{mf}">{Fleet}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Подробная информация по технологии"><div class='togguprav'><a href="techtree.php" accesskey="g" target="{mf}">{Technology}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Размещение планет"><div class='togguprav'><a href="galaxy.php?mode=0" accesskey="s" target="{mf}">{Galaxy}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Постройка защитных сооружений"><div class='togguprav'><a href="buildings.php?mode=defense" accesskey="d" target="{mf}">{Defense}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Просмотр,всех флотов в галактике"><div class='togguprav'><a href='ShowFlyingFleets.php' accesskey='k' target='Hauptframe'>{have_rpg_empereur}</a></td>
</tr>
</div>
<tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<strong><a href="#" onclick="$('.toggnavi').slideToggle('fast');" title="Развернуть \ Свернуть"><font color=ff00dd>Навигация</a></font></strong>
</center></td>
</tr><tr>
<td colspan="2"title="Вступить\Создать Альянс(меню управления альянсом)"><div class="toggnavi"><a href="alliance.php" accesskey="a" target="{mf}">Альянсы</a></div></td>
</tr>
<tr>
<td colspan="2"title="игровая статистика"><div class="toggnavi"><a href="stat.php?start={user_rank}" target="{mf}" accesskey="3">Статистика</a></div></td>
</tr>
<tr>
<td colspan="2"title="общий,игровой чат"><div class="toggnavi"><a href="chat.php" accesskey="a" target="{mf}" style="color:green">{Chat}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Чат,для участников альянса"><div class="toggnavi"><a href="chat.php?type=alliance" accesskey="a" target="{mf}" style="color:green">{AllyChat}</a></div></td>
</tr>
<tr>
<td colspan="2"title="А здесь все,кто пытался нас обмануть"><div class="toggnavi"><a href="banned.php" accesskey="m" target="{mf}">Забаненные</a></div></td>
</tr>
<tr>
<td colspan="2"title="Подробная информация,о вашей империи"><div class="toggnavi"><a href="imperium.php" accesskey="i" target="{mf}">{Imperium}</a></div></td>
</tr>
<tr>
<td colspan="2"title="Самые кровопролитные сражения сервера"><div class="toggnavi"><a href="topkb.php" accesskey="i" target="{mf}"style="color:green">{Topkb}</a></div></td>
</tr>
{BUILDING_RECORDS_LINK}
<tr>
<td colspan="2"title="Логи битв"><div class="toggnavi"><a href="savekb.php" accesskey="c" target="{mf}">Логовица</a></div></td>
</tr>
<tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center><strong><a href="#" onclick="$('.toggother').slideToggle('fast');" title="Развернуть \ Свернуть" ><font color=ff00dd>Разное</a></font></strong></center></td>
</tr>
<tr>
<td colspan="2"title="погрещность 20-25 %"><div class="toggother"><a href="simulator.php" accesskey="m" target="{mf}"><font color="00fff9">Симулятор боёв </td>
</tr>
<tr>
<td colspan="2"><div class="toggother"><a href="annonce.php" accesskey="m" target="{mf}" style="color:orange">Торговый ряд</font></a></div></td>
</tr>
<tr>
<td colspan="2"title="Торговец покупает флот"><div class="toggother"><a href="schrotti.php" accesskey="r" target="{mf}" style="color:orange">Скупщик флота</a></font></div></td>
</tr>
<tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<strong><a href="#" onclick="$('.togglink').slideToggle('fast');" title="Развернуть \ Свернуть"><font color=ff00dd>Связь</strong></a></center></td>
</tr>
<tr>
<td colspan="2"><div class="togglink"><a href="#" onClick="f('buddy.php', '');" accesskey="c">Друзья</a></div></td>
</tr>
{station}
<tr>
<td colspan="2"><div class="togglink"><a href="#" onClick="f('notes.php', 'Report');" accesskey="n">{Notes}</a></div></td>
</tr>
<tr>
<td colspan="2"><div class="togglink"><a href="http://ogame.iam.by/forum" accesskey="1" target="{mf}" style="color:blue">Форум</a></div></td>
</tr>
<tr>
<td colspan="2"><div class="togglink"><a href="contact.php" accesskey="3" target="{mf}" >{Contact}</a></div></td>
</tr>
<tr>
<td colspan="2"><div class="togglink"><a href="options.php" accesskey="o" target="{mf}">{Options}</a><a href="javascript:top.location.href='logout.php'" accesskey="s" style="color:red"></a></div></td>
</tr>
<tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<a href="referral.php" accesskey="m" target="{mf}"><font color="yellow">Рефералка</center></font></a>
</center></td>
</tr><tr>
<td colspan="2" background="{dpath}img/bg1.gif" class="headers"><center>
<a href="javascript:top.location.href='logout.php'" accesskey="s" style="color:red">{Logout}</a>
</center></td>
</tr>
</tr>
</tr>
</center>
</table>
</div>
</center>
</body>
</div>
Буду весьма благодарен, кто сможет помочь в вышеуказанной проблеме. |
| Часовой пояс GMT +3, время: 09:40. |