Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JQuery) как заставить правильно исчезать пункты меню / 3 сообщений из 3, страница 1 из 1
16.04.2013, 14:38
    #38227654
однобитный
однобитный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JQuery) как заставить правильно исчезать пункты меню
Здрасте! Есть древовидное меню, с уровнями вложенности.
Уровень 0 всегда виден,
Уровень 1 виден при наведении на уровень 0,
Уровень 2 при наведении на уровень 1 и т.д.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<div id="category">
<ul class="menu">
<li><a href="/" class="parent"><span>уровень 0 с потомком</span></a>

 <div><ul>
 <li><a href="/" class="parent"><span>уровень 1 с потомком</span></a>
    <div><ul>
    <li><a href="/" class="parent"><span>уровень 2 с потомком</span></a>
        <div><ul><li><a href="/"><span>уровень 3</span></a>
        </li></ul></div>
    </li></ul></div>
 </li>
 <li><a href="/"><span>уровень 1</span></a>
 </li></ul></div>

</li><li><a href="/"><span>уровень 0</span></a></li>
</ul>
</div>



все пункты с уровнями больше 0 изначально скрыты

Код: css
1.
#category div {width:210px;display:none;position:relative;}



при наведении на пункты меню они появляются какнада

Код: javascript
1.
2.
3.
4.
// показать пункты меню
$("#category ul li").mouseover(function(){
$(this).find("> div").show("slow");
});



вопрос: как скрывать появившиеся при наведении пункты меню, чтобы они исчезали логично :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.04.2013, 15:26
    #38227745
SharuPoNemnogu
SharuPoNemnogu
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JQuery) как заставить правильно исчезать пункты меню
однобитный,

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
$("#category ul li").hover(
      function () {
        $(this).find("> div").show("slow");;
      },
      function () {
        $(this).find("> div").hide("slow");;
      }
    );
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.04.2013, 08:42
    #38228464
однобитный
однобитный
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
(JQuery) как заставить правильно исчезать пункты меню
спасибо!!!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / (JQuery) как заставить правильно исчезать пункты меню / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 528ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448440]:
 0ms
get settings:
 10ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 218ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 21ms
get tp. blocked users:
 1ms
others: 246ms
total:  528ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]