Как внести изменение в код меню-гармошки?
Здравствуйте.
Подскажите, пожалуйста, как можно решить проблему с кодом.
У меня он реализован вот так
скрипт
<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>
но у меня ничего не работает.
Спасибо.
|