<!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>