Свернуть неактивные пункты меню jquery?

[duddeniska]

Всем привет есть меню на сайте cash-back.kz Если открыть одно меню то оно открывается классно, если открыть второе или третье то тоже открывается, но не закрывается не активное меню. Например если открыть apple, а потом компьютерная техника, то пункт apple все так же будет активен. Выкладываю Html и jquery меню
HTML

<ul id="menu"><li><span>Apple</span><ul><ulid="menu">
    <li><span>Apple</span>
        <ul>
            <li><span>Iphone</span></li>
            <li><span>Ipad</span></li>
        </ul>
    </li>
    <li><span>Компьютерная техника</span>
        <ul>
            <li><span>Ноутбуки</span></li>
            <li><span>Компьютеры</span></li>
        </ul>
    </li>
</ul>

JQuery

$('#menu ul').hide();
$('#menu li span').click(function() {
    $(this).next().slideToggle('normal');
    $(this).toggleClass("click");
    });

Класс "click" изменяет расположение стрелки.

Помогите плизз!

p.s. Подсказали сделать так:

var nav = $('#menu'),
    ul = $('ul', nav).hide(),
    activeItem;
$('li span', nav).click(function(){
    activeItem = $(this).next('ul');
    ul.not(activeItem).slideUp();  
    activeItem.slideToggle();
    $(this).toggleClass("click");});

работает но неккоректно, стрелочки сбиваются, которые показывают открыто меню или нет. Я оставил на сайте cash-back.kz можете проверить!

 

[grigori]

может, мы просто вышлем тебе немного денег?

 

[vasinsky]

. Я оставил на сайте cash-back.kz можете проверить!

там же корректно вроде работает