Я пытаюсь использовать вложенный выпадающий список, к сожалению, он сворачивает только основной тег <li>
, он не работает должным образом, вот код:
<li class="nav-item">
<a class="nav-link collapsed" data-toggle="collapse" href="#page12" aria-expanded="false" aria-controls="page12">
<span class="menu-title">student 1</span>
<i class="menu-arrow"></i>
<i class=" mdi mdi-chemical-weapon "></i>
</a>
<div class="collapse" id="page12">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="#link">Add </a></li>
<li class="nav-item"> <a class="nav-link" href="#link">Update </a></li>
<li class="nav-item"> <a class="nav-link" href="#link">View </a></li>
<li class="nav-item">
<a class="nav-link collapsed" data-toggle="collapse" href=".abc" aria-expanded="false" aria-controls="page123">
<span class="menu-title">student 2</span>
<i class="menu-arrow"></i>
<i class=" mdi mdi-chemical-weapon "></i>
</a>
<div class="collapse abc" id="page123">
<ul class="nav flex-column sub-menu">
<li class="nav-item"> <a class="nav-link" href="#link">Add </a></li>
<li class="nav-item"> <a class="nav-link" href="#link">Update </a></li>
<li class="nav-item"> <a class="nav-link" href="#link">View </a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
Меню ученика 1 в этом ученике 2 - это подменю, когда я нажимаю на ученика 2, ученик 1 получает провал, ученик 2 не отображает его содержание