Показать сообщение отдельно
  #4 (permalink)  
Старый 04.04.2011, 02:31
Новичок на форуме
Отправить личное сообщение для pti4kina Посмотреть профиль Найти все сообщения от pti4kina
 
Регистрация: 04.04.2011
Сообщений: 1

Как внести изменение в код меню-гармошки?
Здравствуйте.
Подскажите, пожалуйста, как можно решить проблему с кодом.
У меня он реализован вот так

скрипт
<script>
$(document).ready(function ()
{ $('#menu li').click (function()
{ $(this).children("ul").slideToggle();
} )
</script>

html
<body>
<ul id=menu>
<li> Каталог 1
<ul>
<li>Продукция 1</li>
<li>Продукция 2</li>
</ul>

</li>
<li> Каталог 2
<ul>
<li><a href="1.html"> Продукция 1 </a> </li>
<li> <a href="2.html"> Продукция 2 </a> </li>
</ul>
</ul>

Хочу изменить код так, чтобы при нажатии на элемент списка, открытый элемент закрывался.
Сейчас они открываются/закрываются по их нажатию.

Думала, можно так
<script>
$(document).ready(function ()
{ $('#menu li').click (function()
{ $(this).children("ul").slideToggle().siblings("ul: visible").slideUp("slow");
} )
</script>

но у меня ничего не работает.

Спасибо.
Ответить с цитированием