Меню гармошка

[lineup 5]

Здравствуйте. Имеется меню вида

<div class="left-nav">

            <a href="javascript:ShowOrHide('menu1');">Игры</a>

            <div id="menu1" style="display:none;">

<ul>

<li><a href="#">Меню 1</a></li>

<li><a href="#">Меню 2</a></li>

<li><a href="#">Меню 2</a></li>

<li><a href="#">Меню 3</a></li>

<li><a href="#">Меню 4</a></li>

<li><a href="#">Меню 5</a></li>

<li><a href="#">Меню 6</a></li>

<li><a href="#">Меню 7</a></li>

<li><a href="#">Меню 8</a></li>

</ul>

</div></ul></div>

Прошу помощи на изменение этого меню - что бы одна гармошка закрывалась при открытии другой, что бы при переходе на подкатегорию гармошка оставалась открытой, а не сворачивалась. А так же хотелось бы чтоб оставалась подсветка на заголовке активной гармошки =)

Это для меня очень важно, знаний минимум в таких вопросах, буду искать информацию.

Жду вашей помощи =)

[WWW.ZEOS.IN 1 161]

Если Вы хотите, чтобы меню сворачивалось и разворачивалось без перезагрузки странички, то это надо делать на JS

В интернете можно найти довольно много готовых примеров.

[lineup 5]

Если Вы хотите, чтобы меню сворачивалось и разворачивалось без перезагрузки странички, то это надо делать на JS

В интернете можно найти довольно много готовых примеров.

Нет вы меня не поняли - это меню и так сворачивается и разворачивается без перезагрузки. Но при перезагрузке оно сворачивается, что очень хочется исправить.

Изменено 4 декабря 2012 пользователем lineup

[WWW.ZEOS.IN 1 161]

Написал для Вас простенький пример, как это сделать: http://jsfiddle.net/JFnJx/

[lineup 5]

Написал для Вас простенький пример, как это сделать: http://jsfiddle.net/JFnJx/

Буду пробовать, спасибо.

[lineup 5]

Написал для Вас простенький пример, как это сделать: http://jsfiddle.net/JFnJx/

Буду пробовать, спасибо.

Попробовал, практически получилось. Один вопрос - как сделать так, что бы изначально главное меню было свернуто? И если возможно - что бы сворачивалось при повторном клике на него.... Так было бы максимально удобно =) Простите за наглость...

Изменено 5 декабря 2012 пользователем lineup

[WWW.ZEOS.IN 1 161]

http://jsfiddle.net/JFnJx/6/

[lineup 5]

http://jsfiddle.net/JFnJx/6/

Во, огромное спасибо =) Буду настраивать под себя