Ребята, в предыдущем тикете здорово помогли. Однако есть еще вопрос.
<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();
});});
Надо только дочерний сделать видимым!!!