не работает вложенное меню нажмите в главном меню подменю получить свертки - PullRequest
0 голосов
/ 13 февраля 2020

Я пытаюсь использовать вложенный выпадающий список, к сожалению, он сворачивает только основной тег <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 не отображает его содержание

...