powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальное выпадающее меню
5 сообщений из 5, страница 1 из 1
Вертикальное выпадающее меню
    #36201055
sotny
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте! Столкнулась со следующей проблемой при создании вертикального выпадающего меню: при переходе на дочернюю страницу все корректно выделяется цветом (родительская и сама дочерняя), но при этом все остальные пункты меню также показывают своих "деток".
CSS:
Код: plaintext
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.
61.
 /*общий стиль блока меню*/

    #menu{
	height:  30 %;
	width: 100 %;
	background: #E9E9EB;
	font-size: 12px;
	text-decoration: none;	
	
    }

    /*стиль ссылок в меню*/

    #menu li a{
	color: # 717375 ;
	display: block;
	line-height: 25px;
	padding:  0  5px;
	width:auto;
	font-weight: normal;
	text-decoration: none;	
    }

    #menu li a:hover{
	background: #ffffff;
	text-decoration: none;
	color: #FF6600;	
    }

    /*стиль для элементов первого уровня, т.е. дочерних страниц*/
    #menu li{
	list-style: none;
	display: list-item;
	z-index:  10 ;
	
    }

    /*стиль для элементов дочернего меню*/
    #menu li ul li{
    float: none;
	
	z-index:  0 ;
    }

	 /*выделение активной страницы*/
	.current_page_item, .current_page_parent {
     background:#F3AA61;
     text-decoration: none;
    }
	
	
  
    /*строка display:none прячет выпадающее меню*/

    #menu ul{
    display: none;
	/* цвет фона подменю*/
    background: #ffffff;
    margin:  0 ; padding:  0 ;
    position: relative;
    z-index: 20 ;
    }

JQuery:
[src]jQuery(document).ready(function(){

if(jQuery("#menu li").hasClass('current_page_parent')){
jQuery("#menu li ul").show();
}

jQuery("#menu li").hover(function(){
jQuery(this).find('ul').show();
},

function(){
if (!jQuery(this).hasClass('current_page_parent')){
jQuery(this).find('ul').hide();
}
}
);
});[src]
Подскажите в чем дело, пожалуйста.
...
Рейтинг: 0 / 0
Вертикальное выпадающее меню
    #36201811
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
а где к тыкнутому пункту меню добавляется класс current_page_parent ?
...
Рейтинг: 0 / 0
Вертикальное выпадающее меню
    #36202778
sotny
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
А это как-то самостоятельно происходит. Я в исходном коде сгенерированной страницы смотрела, там все проставлено и current_page_parent, и current_page_item.
...
Рейтинг: 0 / 0
Вертикальное выпадающее меню
    #36203032
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
подозреваю, что эта функция
Код: plaintext
1.
2.
3.
4.
5.
function(){
if (!jQuery(this).hasClass('current_page_parent')){
jQuery(this).find('ul').hide();
}
}
никогда у вас не выполняется
...
Рейтинг: 0 / 0
Вертикальное выпадающее меню
    #36203034
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
напишите лучше так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
jQuery("#menu li").hover(function(){
  jQuery(this).find('ul').show();
  
  if (!jQuery(this).hasClass('current_page_parent')){
     jQuery(this).find('ul').hide();
  }
});
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вертикальное выпадающее меню
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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