Модуль Coockes JS?

Question

[ART4]

Добрый день, пытаюсь подключить кукис, но что то не так.

<ul id="menu">
<li >
           <span>1</span>
            <ul id="1">
              <li><a href="/1.html">Односторонний</a></li>
              <li><a href="/2.html">Подвесной</a></li>
              <li><a href="/3.html">Двусторонний</a></li>
            </ul>
</li>
<li >
           <span>2</span>
            <ul id="2">
              <li><a href="/11.html">Односторонний</a></li>
              <li><a href="/12.html">Подвесной</a></li>
              <li><a href="/13.html">Двусторонний</a></li>
            </ul>
</li>
<li >
           <span>3</span>
            <ul id="3">
              <li><a href="/21.html">Односторонний</a></li>
              <li><a href="/22.html">Подвесной</a></li>
              <li><a href="/23.html">Двусторонний</a></li>
            </ul>
</li>
</ul>

$(document).ready(function() {
if ($.cookie('menu_id')>0) { $('#menu ul[id!='+$.cookie('menu_id')+']').hide(); }
else $('#menu ul').hide();

$('#menu li span').click(
function() {
    var checkElement=$(this).next();
    $.cookie('menu_id',$(this).next().attr("id"));
    if((checkElement.is('ul')) && (checkElement.is(':visible'))) { return false; }
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
    }
}
);
});
 $(document).ready(function(){
var url=document.location.href; $.each($("ul#menu a"),function(){
  if(this.href==url){$(this).addClass('active');};
  });
 
});

Когда я нажимаю на пункт "1" и выбираю подпункт "Подвесной", то открывается "3" меню и остаётся открытым.А при этом В "1" пункте если открыть то "Подвесной" выделен как активный.

Пример

Как сделать чтоб я нажал на какой хотел подпункт, чтоб БЫЛ открыт и выделен.

Comments

[ой всё]

а при чем тут куки?