Jquery accordion, переделка скрипта.

[BassEast]

Привет всем.

Есть такая вот страничка: http://sotnikovs.com/files/new-new/index.html подключён небольшой скрипт: rollerTabs.js, который я сейчас пытаюсь под себя изменить, первым делом сделал так, чтобы по клику по пункту меню - контейнер открывался и скрывался снизу всех пунктов, а не сразу после нажатого пункта.

Но сейчас проблема в другом. При добавлении нового вложенного списка в тэг <li> - под-пунктам меню test добавляется класс active, но не убирается.. и див с контентом не срабатывает по тому же принципу.

Я так и не разобрался, как работает .siblings — проблема мне кажется в этом селекторе и в парентсах..

вот архив на это косячное демо: http://sotnikovs.com/files/new-new.rar

Если у кого есть время глянуть.. и хотя бы подсказать, в чём может быть проблема... заранее спасибо.

Edited February 25, 2010 by BassEast

[Veseloff]

Непонятно что это за скрипт (я про роллертабс), зачем он нужен и что он делает на данной странице. Из-за этого мне не понятно что именно работает не так. По мне, так всё нормально. Для понимания стоит ответить на вопросы:

- Что должно происходить и при каких действиях?

- Что из этого происходит так как надо?

- Что происходит не так как надо?

[BassEast]

- Что должно происходить и при каких действиях?

- Всё просто: переключая пункты меню, любого уровня, активному пункту меню подставляется класс "active", при этом так же, внизу включается свой div с контентом и своим id, в зависимости от пункта меню;

- Что из этого происходит так как надо?

- Первый уровень списка меню работает корректно (первый уровень в данном случае - это

<ul>
<li><a href="">пункт меню</a></li>
</ul>

пункты переключаются и всё работает.

- Что происходит не так как надо?

- если я добавляю пункт меню второго уровня (и т.д. третьего, четвёртого..), типа:

<ul>
<li><a href="">пункт меню</a>
<ul>
<li><a href="">пункт меню второго уровня</a></li>
</ul>
</li>
</ul>

то переключаясь на эти пункты меню второго уровня, а потом обратно на первый уровень, то класс "active" с пунктов второго (третьего и т.д.) не убирается, и соответственно div с контентом данного пункта тоже не скрывается.

Edited February 25, 2010 by BassEast

[BassEast]

не туда наверное обратился, sorry.

[Veseloff]

Может, стоить просто дополнительно для всех чилдренов элемента id="RollerMenu" принудительно убирать свойство полужирности при открытии каждого элемента?

[BassEast]

Может, стоить просто дополнительно для всех чилдренов элемента id="RollerMenu" принудительно убирать свойство полужирности при открытии каждого элемента?

это не поможет, т.к. div с контентом от этого не перестанет так же скрываться.

Либо я не так вас понял.

[Veseloff]

а, блин, я чёт невнимателен. А что мешает убирать со всех элементов этот класс при клике?

[BassEast]

а, блин, я чёт невнимателен. А что мешает убирать со всех элементов этот класс при клике?

ну, вот этот селект siblings и мешает - я чёто не пойму как он работает..

[s0rr0w]

ну, вот этот селект siblings и мешает - я чёто не пойму как он работает..

<A/>
<A>
 <B/>
 <B/>
</A>
<C/>
<A/>

sibling у первого тега A будет A, C, A.

Фактически, это ноды одного уровня с данной.

Скрипт нужно модифицировать так, чтобы выбирались все теги LI, а не только находящиеся на одном уровне с данной нодой