Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.01.2014, 14:15
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Выпадающее меню
Всем привет.
Сделал такое вот выпадающее меню.
Все вроде устраивает, за исключением одного - при клике по пункту меню первого уровня происходит простое разворачивание пунктов 2 уровня.
А как сделать, чтобы происходил переход по ссылке и одновоременное разворачивание пунктов вложенных в этот пункт меню.
То есть если я Кликнул по пункту "Пляжные туры" - то перешел на страницу пляжные туры и теперь у меня все вложенные пункты стали видны. А то они скрываются при каждом обновлении страницы. Неудобно.
<div id="leftmenu">
<h2 class="leftfont">Виды туров:</h2>
<div id="menu_body">
	<ul>
		<li><a href="/" onclick="openMenu('sub_menu_1');return(false)">Пляжные туры</a>
			<ul id="sub_menu_1">
				<li><a href="#">Багамы</a></li>
				<li><a href="#">Болгария</a></li>
				<li><a href="#">Вьетнам</a></li>
			</ul>
		</li>
		<li><a href="/" onclick="openMenu('sub_menu_2');return(false)">Экскурсионные туры</a>
			<ul id="sub_menu_2">
				<li><a href="#">Австрия</a></li>
				<li><a href="#">Бельгия</a></li>
				<li><a href="#">Германия</a></li>
			</ul>
		</li>
		<li><a href="/" onclick="openMenu('sub_menu_3');return(false)">Автобусные туры</a>
			<ul id="sub_menu_3">
				<li><a href="#">Австрия</a></li>
				<li><a href="#">Бельгия</a></li>
				<li><a href="#">Великобритания</a></li>
			</ul>
		</li>
	</ul>
</div>
</div>


var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3');
startList = function allclose() {
	for (i=0; i < id_menu.length; i++){
		document.getElementById(id_menu[i]).style.display = "none";
	}
}
function openMenu(id){
	for (i=0; i < id_menu.length; i++){
		if (id != id_menu[i]){
			document.getElementById(id_menu[i]).style.display = "none";
		}
	}
	if (document.getElementById(id).style.display == "block"){
		document.getElementById(id).style.display = "none";
	}else{
		document.getElementById(id).style.display = "block";
	}
}
window.onload=startList;
Ответить с цитированием
  #2 (permalink)  
Старый 18.01.2014, 21:44
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Что же никто не поможет?
Ответить с цитированием
  #3 (permalink)  
Старый 19.01.2014, 00:14
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,550

Решение приведено ниже. Укажите правильные ссылки для корневых пунктов, тогда блок будет отрыт
http://learn.javascript.ru/play/26d4ub

Последний раз редактировалось Vlasenko Fedor, 19.01.2014 в 00:23.
Ответить с цитированием
  #4 (permalink)  
Старый 19.01.2014, 08:14
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Poznakomlus, изменения коснулись только JS кода?
Ответить с цитированием
  #5 (permalink)  
Старый 20.01.2014, 11:35
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Получаются все пункты меню развернутые, а нужно чтобы разворачивался только активный блок.
Ответить с цитированием
  #6 (permalink)  
Старый 20.01.2014, 11:51
Профессор
Отправить личное сообщение для Batyabest Посмотреть профиль Найти все сообщения от Batyabest
 
Регистрация: 14.09.2013
Сообщений: 252

Проиходит только разворачивание пункта меню, без перехода по ссылке
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 16:50
jquery ui layout + выпадающее меню Sveta jQuery 2 04.12.2012 07:04
Выпадающее меню CyMKuH Элементы интерфейса 4 09.08.2012 20:03
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf jQuery 1 13.07.2012 14:17
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf Javascript под браузер 1 13.07.2012 11:26