Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2018, 09:49
Интересующийся
Отправить личное сообщение для ТвердолобыйЛамер Посмотреть профиль Найти все сообщения от ТвердолобыйЛамер
 
Регистрация: 06.08.2017
Сообщений: 15

Как частично скрыть элементы многоуровневого списка
Добрый день.

Последний раз редактировалось ТвердолобыйЛамер, 27.02.2018 в 13:06. Причина: Ошибка
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2018, 10:57
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от ТвердолобыйЛамер
прилагаю необходимые скрины
Нужно не картинки показывать, а делать тестовый пример, на котором можно что-то показывать...
Ответить с цитированием
  #3 (permalink)  
Старый 27.02.2018, 11:41
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

ТвердолобыйЛамер, я сейчас на обед... Буду часика через два.
Ответить с цитированием
  #4 (permalink)  
Старый 27.02.2018, 12:03
Интересующийся
Отправить личное сообщение для ТвердолобыйЛамер Посмотреть профиль Найти все сообщения от ТвердолобыйЛамер
 
Регистрация: 06.08.2017
Сообщений: 15

Сообщение от ksa Посмотреть сообщение
ТвердолобыйЛамер, я сейчас на обед... Буду часика через два.
Спасибо . Проблема решена. Методом проб и ошибок , я все таки пришел к желаемому результату. Сделал фильтр для потомков класса .

.filter(':not(.selected_li > )')

Еще раз спасибо за то что ответили.
Ответить с цитированием
  #5 (permalink)  
Старый 27.02.2018, 13:05
Интересующийся
Отправить личное сообщение для ТвердолобыйЛамер Посмотреть профиль Найти все сообщения от ТвердолобыйЛамер
 
Регистрация: 06.08.2017
Сообщений: 15

Сообщение от ksa Посмотреть сообщение
Нужно не картинки показывать, а делать тестовый пример, на котором можно что-то показывать...
Вспомнилось! Про качество обслуживания .
- Я им и унитаз приносил , и ж.пу показывал , а все равно туалетной бумаги не подобрали.
Ответить с цитированием
  #6 (permalink)  
Старый 27.02.2018, 14:16
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от ТвердолобыйЛамер
Вспомнилось! Про качество обслуживания .
Ты не обижайся.
Я только пришел. Тут тоже все навалилось, ОСАГО нужно было делать, скоро истекает, и сынка на секцию везти.
Ответить с цитированием
  #7 (permalink)  
Старый 27.02.2018, 14:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от ТвердолобыйЛамер
я все таки пришел к желаемому результату. Сделал фильтр для потомков класса .

.filter(':not(.selected_li > )')
Обычно используют такой подход

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#script_menu > li > ul {
	display: none;
}
#script_menu > li.on > ul {
	display: block;
}
</style>
<script type='text/javascript'>
$(function(){
	$('#script_menu > li > a').click(function(){
		$('#script_menu > li.on')
		.removeClass('on')
		.children('ul').hide();
		$(this).parent()
		.addClass('on')
		.children('ul').show();
		return false;
	});
});
</script>
</head>
<body>
<ul id="script_menu">
	<li>
		<a class="selected" href="">Department1</a>
		<ul>
			<li>
				<a href="">Centrales</a>
			</li>
			<li>
				<a href="">Klaviaturos centralems</a>
			</li>
			<li>
				<a href="">Sirenos</a>
			</li>
		</ul>
	</li>
	<li>
		<a class="" href="">Department2</a>
		<ul>
			<li>
				<a href="">Konvencines sistemos</a>
			</li>
			<li>
				<a href="">Adresines sistemos</a>
			</li>
			<li>
				<a href="">Autonomines sistemos</a>
			</li>
		</ul>
	</li>
	<li>
		<a class="selected_a" href="">Department3</a>
		<ul>
			<li>
				<a href="">IP Kameros</a>
			</li>
			<li>
				<a href="">TURBO Kameros</a>
			</li>
			<li>
				<a href="">HD Kameros</a>
			</li>
		</ul>
	</li>
	<li class="on">
		<a class="" href="">Department4</a>
		<ul>
			<li>
				<a href="">12V AC/DC</a>
			</li>
			<li>
				<a href="">24V AC/DC</a>
			</li>
			<li>
				<a href="">220V AC</a>
			</li>
		</ul>
	</li>
</ul>
</body>
</html>
Ответить с цитированием
  #8 (permalink)  
Старый 27.02.2018, 16:41
Интересующийся
Отправить личное сообщение для ТвердолобыйЛамер Посмотреть профиль Найти все сообщения от ТвердолобыйЛамер
 
Регистрация: 06.08.2017
Сообщений: 15

Сообщение от ksa Посмотреть сообщение
Ты не обижайся.
Я только пришел. Тут тоже все навалилось, ОСАГО нужно было делать, скоро истекает, и сынка на секцию везти.
Какие могут быть обиды ? Вы мне ничем не обязаны , и оказывание помощи , это желание чисто индивидуальное . Здесь никто , никому и ничего не должен
Я извиняюсь за свое отсутствие. Тоже на обед ходил .
Ответить с цитированием
  #9 (permalink)  
Старый 27.02.2018, 16:47
Интересующийся
Отправить личное сообщение для ТвердолобыйЛамер Посмотреть профиль Найти все сообщения от ТвердолобыйЛамер
 
Регистрация: 06.08.2017
Сообщений: 15

Сообщение от ksa Посмотреть сообщение
Обычно используют такой подход
<style type='text/css'>
#script_menu > li > ul {
display: none;
}
#script_menu > li.on > ul {
display: block;
}
</style>
<script type='text/javascript'>
$(function(){
$('#script_menu > li > a').click(function(){
$('#script_menu > li.on')
.removeClass('on')
.children('ul').hide();
$(this).parent()
.addClass('on')
.children('ul').show();
return false;
});
});
</script>
Испробовал Ваш вариант , он к сожалению мне не подходит , так как после перезагрузки страницы меню закрывается . Попробуйте кликнуть по ссылкам в подменю , и меню закроется , а мне нужно , чтобы оно оставалось открытым. Так что я пока остановился на своем варианте.
Огромное спасибо за совет . Я его непременно разжую. Спасибо. Хорошего дня.
Ответить с цитированием
  #10 (permalink)  
Старый 28.02.2018, 08:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от ТвердолобыйЛамер
Попробуйте кликнуть по ссылкам в подменю , и меню закроется
Так ты еще не обрабатываешь этот клик. На него нужно повесить свой обработчик.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Акардион меню из чекбоксов и списка, как сделать подсветку текущего элемента OliLoi jQuery 0 08.11.2016 08:15
Повесить событие на элементы списка Cdelphi78 jQuery 1 13.08.2016 16:52
Как перерисовать все элементы SVG на Canvas (d3.js+leaflet.js+html2canvas) Trippal Общие вопросы Javascript 0 10.02.2016 18:25
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Как правильно скрыть элементы для экономии ресурсов на прорисовку? Randomizer jQuery 0 16.10.2012 13:59