ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список обратно не скрывается
35 сообщений из 35, показаны все 2 страниц
  все  
список обратно не скрывается
    #38742954
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
Есть у меня такой скрипт. Т.к я не знаю Jquery решил обратиться сюда.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<script>
$(document).ready(function(){
$("ul").hide();
$('h4 span').mouseenter(function(){
$(this).parent().next().show(300);
}); 
}); 
</script>


он список раскрывает, но обратно не могу скрыть. Пробовал так
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<script>
$(document).ready(function(){
$("ul").hide();
$('h4 span').mouseenter(function(){
$(this).parent().next().show(300);
$('.centermenu').mouseleave(function(){
$(this).parent().next().hide(300);
}); 
}); 
</script>


при открытии страницы список раскрытый. И не скрывает и не раскрывает. Заранее спасибо!
...
Рейтинг: 0 / 0
10.09.2014, 14:20
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38742992
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, разметка где?
...
Рейтинг: 0 / 0
10.09.2014, 14:37
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743037
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

Я не знаю язык Jquery т.к я новичок. И мен бы дополнить этот скрипт, чтобы он обратно скрывался. Извиняюсь и прошу помощи
...
Рейтинг: 0 / 0
10.09.2014, 14:52
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743056
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
PHucker,

приветствую! Тут гуру намекают, что нужен код HTML+CSS+jQuery, чтобы скопировать в буфер и посмотреть где не работает.
Или ссылку на ресурс типа такого 16123736 .

PHuckerЯ не знаю язык Jquery т.к я новичок. А я его вообще не знаю :)   Какое задание? Точна нужна эта библиотека?
...
Рейтинг: 0 / 0
10.09.2014, 15:00
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743063
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHuckerskyANA,

Я не знаю язык Jquery т.к я новичок. И мен бы дополнить этот скрипт, чтобы он обратно скрывался. Извиняюсь и прошу помощиСкрипт - это хорошо. А где HTML разметка, для которой он применяется? Где сам список?
...
Рейтинг: 0 / 0
10.09.2014, 15:04
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743085
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Понятно, что список должен раскрываться при наведении на надпись в заголовке. А по какому принципу он должен скрываться?
...
Рейтинг: 0 / 0
10.09.2014, 15:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743727
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

При наведении. Извиняюсь за глупость. Вот и разметка:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
h3 { cursor:pointer;}
</style>
</head>
<body>
<div class="box">
    <h3><span>Список №1+</span></h3>
    <ul>
        <li>Пункт №1</li>
        <li>Пункт №2</li>
        <li>Пункт №3</li>
        <li>Пункт №4</li>
    </ul>
</div>
<div class="box">
    <h3><span>Список №2+</span></h3>
    <ul>
        <li>Пункт №5</li>
        <li>Пункт №6</li>
        <li>Пункт №7</li>
        <li>Пункт №8</li>
    </ul>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
11.09.2014, 06:08
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743753
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAА по какому принципу он должен скрываться?
PHuckerПри наведении.
На что?
...
Рейтинг: 0 / 0
11.09.2014, 08:14
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743756
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

На название списка. Может не надо издеваться над новичком?
...
Рейтинг: 0 / 0
11.09.2014, 08:28
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743775
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PHuckerМожет не надо издеваться над новичком?
Да ты пока даже объяснить толком ничего не можешь...

На спан навели - список появился... А со спана убрали - он закрылся. Так челе?
...
Рейтинг: 0 / 0
11.09.2014, 09:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743777
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
PHucker,
 
Можно вообще без скриптов
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<html>
<head>
<style>
.box {margin-top:10px;}
.box ul {display:none;}
.box span {cursor:pointer; font-weight:700;}
.box span:hover + ul{display:block;}
</style>
</head>
<body>
<div class="box">
	<span>Список №1</span>
	<ul>
		<li>Пункт №1</li>
		<li>Пункт №2</li>
		<li>Пункт №3</li>
		<li>Пункт №4</li>
	</ul>
</div>
<div class="box">
	<span>Список №2</span>
	<ul>
		<li>Пункт №5</li>
		<li>Пункт №6</li>
		<li>Пункт №7</li>
		<li>Пункт №8</li>
	</ul>
</div>
</body>
</html>

...
Рейтинг: 0 / 0
11.09.2014, 09:17
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743780
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
user89, у ТС разметка другая :)
...
Рейтинг: 0 / 0
11.09.2014, 09:20
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743785
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Пусть так... Но сама идея фигня. В этом случае список можно только увидеть и не более того...
...
Рейтинг: 0 / 0
11.09.2014, 09:23
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743802
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Да-да. При наведении на название списка, список раскрывается. А когда курсор покидает этот блок, то список обратно скрывается.
...
Рейтинг: 0 / 0
11.09.2014, 09:35
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743803
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
Или так: при наведении на div="box" он раскрывался и т.д.
...
Рейтинг: 0 / 0
11.09.2014, 09:37
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743807
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, почему Вам так трудно объяснить задание? Прослушали его, забыли записать, потеряли?

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

То можно переделать Ваш скрипт вот так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
<!DOCTYPE html>
<html>  
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
    .box h3 { cursor: pointer; }      
    .box ul { display: none; } /* Изначально списки скрыты */
  </style>
</head>
<body>
  <div class="box">
    <h3>
      <span>Список №1+</span>
    </h3>
    <ul>
      <li>Пункт №1</li>
      <li>Пункт №2</li>
      <li>Пункт №3</li>
      <li>Пункт №4</li>
    </ul>
  </div>
  <div class="box">
    <h3>
      <span>Список №2+</span>
    </h3>
    <ul>
      <li>Пункт №5</li>
      <li>Пункт №6</li>
      <li>Пункт №7</li>
      <li>Пункт №8</li>
    </ul>
  </div>
  <script>
    $('h3 span').hover(onTitleMouseIn, onTitleMouseOut);
    
    /**
     * При наведении курсора мыши на заголовок списка, показываем последний.
     */
    function onTitleMouseIn() {
      $(this).parent().next().show(300);
    }
    
    /**
     * При снятии наведения курсора мыши с заголовока списка, скрываем последний.
     */
    function onTitleMouseOut() {
      $(this).parent().next().hide(300);
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
11.09.2014, 09:40
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743811
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Ну и полезные ссылки:
.hover()

песочница
...
Рейтинг: 0 / 0
11.09.2014, 09:42
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743822
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

Извиняюсь. Есть такой список:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<div id="box"> 
				<h4 class="menutitle"><span>Информация</span></h4>		
                <ul class="centermenu">
                        <li class="centermenu"></li>
                        <li class="centermenu">></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                </ul> 
				</div>
При наведении h4 span список выпадает, но обратно не скрывается и таким остается. Вот скрипт(не мой):

[/SR[SRC JS]$(document).ready(function(){
$("ul").hide();
$('h4 span').hover(function(){
$(this).parent().next().show(300);
}); 
$('.centermenu').mouseout(function(){
$('.centermenu').parent().next().hide(300);
}); 
});

C]

Думаю вы поймете все прочитав вышенаписанный скрипт
...
Рейтинг: 0 / 0
11.09.2014, 09:51
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743834
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, как же с Вами трудно.

Вам меню надо сделать? Которое раскрывается, и по нему можно водить курсором мыши? И оно скрывается, когда курсор мыши покидает его?

А разметку можно изменить? А почему имено скриптом поведение меню решили сделать? Выпадающее меню можно чисто на CSS запилить, примерно как выше показано.
...
Рейтинг: 0 / 0
11.09.2014, 09:57
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743848
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAPHucker, как же с Вами трудно.
И кто над кем издевается...
...
Рейтинг: 0 / 0
11.09.2014, 10:09
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743871
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

:D глубоко извиняюсь)) можно и .hover'ом) ну с CSS'ом не плавно получается. Может попробуете посмотреть скрипт на практике? Там виднее.
...
Рейтинг: 0 / 0
11.09.2014, 10:26
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743875
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Да не издеваюсь я :D. Просто не могу объяснить на языке JS. Думал вы понимаете меня :D :D :D
...
Рейтинг: 0 / 0
11.09.2014, 10:27
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743880
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, а нам не надо на языке JS. Вы на простом человеческом языке объясните, что Вы хотите сделать.

Неужели так сложно?
...
Рейтинг: 0 / 0
11.09.2014, 10:31
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743881
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
PHuckerПросто не могу объяснить на языке JS. Думал вы понимаете меня :D :D :D
Никакого JSф от тебя и не требуют... Ждут простое "житейское" объяснение. Коего пока так и не услышали...
...
Рейтинг: 0 / 0
11.09.2014, 10:31
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743893
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
krvsa,

Самое "короче". Нужно сделать так, чтоб список раскрывался и скрывался при наведении. И надо учитывать то, что при наведении выпадал именно тот список, к которому наведен курсор. А то я пробовал другой скрипт и у меня раскрывались сразу все списки. $(this) что ли... Было еще такое: все работало при наведении на название списка(раскрывался и скрывался) только проблема была в том, что если курсор покидает поле названия списка, то список обратно скрывался и я не мог выбрать элемент из списка. Поэтому говорил что при наведении на имя списка нужно раскрыть список, а при покидании "див"а с классом или с "АЙ-ДИ" список обратно скрывался.
...
Рейтинг: 0 / 0
11.09.2014, 10:44
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743911
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHucker, где полная, нормальная разметка?

То вы привели пример разметки, где несколько дивов с классом "box", то огрызок где <div id="box">, что говорит о том, что на странице один "box".
Но при этом Вы пишете про несколько списков.
...
Рейтинг: 0 / 0
11.09.2014, 10:57
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743912
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
"Объяснение" конечно полный пипец!
...
Рейтинг: 0 / 0
11.09.2014, 10:59
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743925
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
krvsa, ага :)

Вот, накидал:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
<!DOCTYPE html>
<html>  
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
    #box {
      border: 1px solid black;
      width: 300px;
    }
    #box h4 { cursor: pointer; }
    #box ul {
      border: 1px solid black;
      width: 200px;
    }
  </style>
</head>
<body>
  <div id="box"> 
    <h4 class="menuTitle"><span>Информация</span></h4>		
    <ul class="centerMenu">
      <li class="menuItem">Пункт №1</li>
      <li class="menuItem">Пункт №2</li>
      <li class="menuItem">Пункт №3</li>
    </ul> 
    <h4 class="menuTitle"><span>Прокламация</span></h4>		
    <ul class="centerMenu">
      <li class="menuItem">Пункт №4</li>
      <li class="menuItem">Пункт №5</li>
      <li class="menuItem">Пункт №6</li>
    </ul> 
    <h4 class="menuTitle"><span>Жопа</span></h4>		
    <ul class="centerMenu">
      <li class="menuItem">Пункт №7</li>
    </ul> 
  </div>
  <script>
    function initialize() {
      var box = $('#box'),
          menu = box.children('.centerMenu'),
          menuTitle = box.children('.menuTitle');
      
      // Изначально выпадающие списки скрыты.
      // Также меню скрывается, когда курсор мыши выходит за его пределы.      
      menu.hide();
      menu.mouseleave(function () { $(this).hide(300); });
      
      // А если курсор мыши выходит за границы box-а, то скрываем все списки.
      box.mouseleave(function () { menu.hide(300); });
      
      // Показывается меню при наведении курсора мыши на его заголовок.
      menuTitle.on('mouseenter', 'span', function(){
         $(this).parent().next().show(300);
      });
    }
    
    $(document).ready(initialize());
  </script>
</body>
</html>


Ссылка на песочницу
...
Рейтинг: 0 / 0
11.09.2014, 11:08
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743926
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<h4 class="menutitle"><span>Фото</span></h4>    
                <ul class="centermenu" style="height:105px;">
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                     </ul>   
                     <hr style="width: 180px; background-color: #003FAC; "/>
                     
                    
					<h4 class="menutitle"><span>Музыка</span></h4>
                     <ul class="centermenu" style="height: 40px;">
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                    </ul>
                    <hr style="width: 180px; background-color: #003FAC; "/>
                    
                <div id="box"> 
				<h4 class="menutitle"><span>Информация</span></h4>		
                <ul class="centermenu">
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                        <li class="centermenu"></li>
                </ul> 
				</div>

пока только с одним так пробовал, дав id только одному div'у. И собственно вот и скрипт который раскрывает и скрывает список при наведении на имя списка. А при наведении на пункты списка, список скрывается.
Код: javascript
1.
2.
3.
4.
5.
6.
$(document).ready(function(){
$("ul").hide();
$('h4 span').hover(function(){
$(this).parent().next().slideToggle();
}); 
});
...
Рейтинг: 0 / 0
11.09.2014, 11:08
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743928
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Опять огрызок разметки...

Ну да ладно, выше я накидал скрипт, претензии "а вот если так вести курсор мыши, то поведение не то" не принимаются
...
Рейтинг: 0 / 0
11.09.2014, 11:11
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743936
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Вообще меню надо переверстать на <ul>, в который вложены подменю (тоже <ul>), тогда всё встанет на свои места.
...
Рейтинг: 0 / 0
11.09.2014, 11:15
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743940
PHucker
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
PHucker
Гость
skyANA,

Спасибо огромное! Извиняюсь за то, что украл у вас время :)
...
Рейтинг: 0 / 0
11.09.2014, 11:21
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743953
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
skyANAВообще меню надо переверстать на <ul>, в который вложены подменю (тоже <ul>), тогда всё встанет на свои места.
Вот так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
<!DOCTYPE html>
<html>  
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <style>
    #menu {
      border: 1px solid black;
      list-style: none;
      width: 300px;
    }
    #menu .subMenuTitle { cursor: pointer; }
    #menu .subMenu { display: none; } /* Изначально выпадающие списки (подменю) скрыты */
  </style>
</head>
<body>
  <ul id="menu">
    <li>
      <h4 class="subMenuTitle"><span>Информация</span></h4>
      <ul class="subMenu">
        <li class="menuItem">Пункт №1</li>
        <li class="menuItem">Пункт №2</li>
        <li class="menuItem">Пункт №3</li>
      </ul>
    </li>
    <li>
      <h4 class="subMenuTitle"><span>Прокламация</span></h4>
      <ul class="subMenu">
        <li class="menuItem">Пункт №4</li>
        <li class="menuItem">Пункт №5</li>
        <li class="menuItem">Пункт №6</li>
      </ul> 
    <li>  
    <li>
      <h4 class="subMenuTitle"><span>Жопа</span></h4>
      <ul class="subMenu">
        <li class="menuItem">Пункт №7</li>
      </ul> 
     </li>
  </div>
  <script>
    function initialize() {
      var menu = $('#menu'),
          menuItem = menu.children('li'),
          subMenuTitle = menuItem.children('.subMenuTitle');
      
      // Выпадающий список скрывается, когда курсор мыши выходит за пределы пункта меню.
      menuItem.mouseleave(function () {
        $(this).children('.subMenu').hide(300);
      });
      
      // Показывается выпадающий список при наведении курсора мыши на его заголовок.
      subMenuTitle.on('mouseenter', 'span', function(){
         $(this).parent().next().show(300);
      });
    }
    
    $(document).ready(initialize());
  </script>
</body>
</html>


Ссылка на песочницу

Ссылки на документацию:
.on()

.mouseenter()

.mouseleave()
...
Рейтинг: 0 / 0
11.09.2014, 11:35
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743955
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
PHuckerskyANA,

Спасибо огромное! Извиняюсь за то, что украл у вас время :)Да не за что. Учитесь формулировать свои мысли.

P.S. Я в отпуске
...
Рейтинг: 0 / 0
11.09.2014, 11:35
| Ответить | Цитировать | Написать  
список обратно не скрывается
    #38743977
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
P.P.S.: в примере выше закрывающий тег </div> необходимо заменить на </ul>.
...
Рейтинг: 0 / 0
11.09.2014, 11:47
| Ответить | Цитировать | Написать  
35 сообщений из 35, показаны все 2 страниц
  все  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / список обратно не скрывается
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=22&tid=1446725]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 53ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 212ms
total:  340ms
созд. / загр.: 340ms
x
x
Закрыть


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