Вход

Просмотр полной версии : Вертикальное вложенное меню + jQuery


dee_lv
22.12.2010, 20:34
del

x-yuri
23.12.2010, 07:08
что значит "при выборе"?

<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>

<ul>
<li>Пункт 1</li>
<li id="menu-item-51">Пункт 2
<ul style="display: none;">
<li>Подпункт 1</li>
<li>Подпункт 2</li>
</ul>
</li>
<ul>

<script type="text/javascript">

jQuery(document).ready(function($){
jQuery("#menu-item-51").hover(
function(){
jQuery(this).children('ul').slideToggle('fast');
},
function(){
jQuery(this).children('ul').slideToggle('fast');
}
);
});

</script>

</body>
</html>

dee_lv
23.12.2010, 08:36
del

x-yuri
23.12.2010, 10:09
и в чем проблема? Меняешь hover на click

dee_lv
25.12.2010, 00:23
Неправильно выразился. Проблема в том, что при переходе по любой ссылке, подменю будет закрыто, а надо что бы было сохранение предыдущего состояния.

x-yuri
25.12.2010, 06:14
#menu ul {
display: none;
}
#menu ul.active {
display: block;
}

dee_lv
25.12.2010, 08:43
del

x-yuri
25.12.2010, 09:28
ну и? Смысл того, что ты просто вставил мой код? Если непонятно было зачем он, надо было спросить...

Проблема в том, что при переходе по любой ссылке, подменю будет закрыто, а надо что бы было сохранение предыдущего состояния.
ты определись, в чем проблема. Подменю пропадает, когда ты мышку с него убираешь. Если же речь идет о переходе на другую страницу, то с помощью какого-нибудь серверного языка добавляешь нужному ul класс active и он будет виден при загрузке страницы