Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2018, 19:36
Аспирант
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 79

При наведении сделать видимым
Ребята, в предыдущем тикете здорово помогли. Однако есть еще вопрос.
<style type="text/css">

	  .nav__dropdown_second{

	      display:none;

	  }
	  </style>
<div class="nav__dropdown">
                                    <div class="nav__dropdown-item">
                                        <a href="#" class="nav__dropdown-link">Территория обслуживания сетевой организации </a>
                                    </div>
                                    <div class="nav__dropdown-item">
                                        <a href="#" class="nav__dropdown-link">Передача электрической энергии</a>
                                    </div>
                                    <div class="nav__dropdown-item">
                                        <a href="#" class="nav__dropdown-link ">РАСКРЫТИЕ ИНФОРМАЦИИ</a>
                                        <div class="nav__dropdown nav__dropdown_second">
                                            <div class="nav__dropdown-item">
                                                <a href="#" class="nav__dropdown-link">Общая информация о передаче электрической энергии</a>
                                            </div>
                                            <div class="nav__dropdown-item">
                                                <a href="#" class="nav__dropdown-link">Нормативные документы</a>
                                            </div>
                                        </div>
                                    </div>
									<div class="nav__dropdown-item">
                                        <a href="#" class="nav__dropdown-link ">Другая информация</a>
                                        <div class="nav__dropdown nav__dropdown_second">
                                            <div class="nav__dropdown-item">
                                                <a href="#" class="nav__dropdown-link">Документация</a>
                                            </div>
                                            <div class="nav__dropdown-item">
                                                <a href="#" class="nav__dropdown-link">Нормативные документы</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

надо, чтобы при наведении на див nav__dropdown-item показывался (display:block ; ) только дочерний див nav__dropdown_second
Пробовал так, но что то не получается
$(function(){
  $(".nav__dropdown-item").hover(function(){
    $(this).children('.nav__dropdown_second').show();
   },
   function(){
    $(this).children('.nav__dropdown_second').hide();
   });});


Надо только дочерний сделать видимым!!!
Ответить с цитированием
  #2 (permalink)  
Старый 16.04.2018, 19:43
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 2,790

все работает вроде.
Ответить с цитированием
  #3 (permalink)  
Старый 16.04.2018, 19:58
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 2,790

.nav__dropdown-item:hover .nav__dropdown_second{
display: block;
}

css это тоже под силу
Ответить с цитированием
  #4 (permalink)  
Старый 16.04.2018, 20:08
Аспирант
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 79

так дивов "nav__dropdown-item" много же!!!!! А мне надо сделать видимым див "nav__dropdown_second" только внутри именно наведенного дива "nav__dropdown-item". А если делать через CSS то откроются все дивы "nav__dropdown_second"
Ответить с цитированием
  #5 (permalink)  
Старый 16.04.2018, 20:14
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 2,790

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
	<style type="text/css">

	.nav__dropdown_second{

		display:none;

	}

	.nav__dropdown-item:hover .nav__dropdown_second{
		display: block;
	}
</style>
<div class="nav__dropdown">
	<div class="nav__dropdown-item">
		<a href="#" class="nav__dropdown-link">Территория обслуживания сетевой организации </a>
	</div>
	<div class="nav__dropdown-item">
		<a href="#" class="nav__dropdown-link">Передача электрической энергии</a>
	</div>
	<div class="nav__dropdown-item">
		<a href="#" class="nav__dropdown-link ">РАСКРЫТИЕ ИНФОРМАЦИИ</a>
		<div class="nav__dropdown nav__dropdown_second">
			<div class="nav__dropdown-item">
				<a href="#" class="nav__dropdown-link">1-ой блок</a>
			</div>
			<div class="nav__dropdown-item">
				<a href="#" class="nav__dropdown-link">1-ой блок</a>
			</div>
		</div>
	</div>
	<div class="nav__dropdown-item">
		<a href="#" class="nav__dropdown-link ">Другая информация</a>
		<div class="nav__dropdown nav__dropdown_second">
			<div class="nav__dropdown-item">
				<a href="#" class="nav__dropdown-link">2-ой блок</a>
			</div>
			<div class="nav__dropdown-item">
				<a href="#" class="nav__dropdown-link">2-ой блок</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 17.04.2018, 09:10
Аспирант
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 79

спасибо!!!!!!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена изображений при наведении и фиксация при клике Noonf Общие вопросы Javascript 3 20.01.2018 16:18
Jquery Скрыть/Показать блок при наведении tot_kotoryi Ваши сайты и скрипты 1 08.02.2016 22:15
как сделать что бы при открытии страницы сразу открылось большое фото oksanaweb Общие вопросы Javascript 1 05.06.2013 01:17
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 08:06
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 10.05.2009 23:22