我尝试在创建子菜单和显示子菜单时使用相同的模式，但问题是当我只尝试查看子菜单时，它已经显示了

<ul class="nav-links">
  <li>
    <div class="iocn-link">
      <a href="#">
        <i class='bx bx-collection'></i>
        <span class="link_name">Patient Information Module</span>
      </a>
      <i class='bx bxs-chevron-down arrow'></i>
    </div>
    <ul class="sub-menu">
      <li><a class="link_name" href="#">Patient Information</a></li>
      <li><a href="#">Patient</a></li>
      <li><a href="#">Dental</a></li>
      <li><a href="#">Immunization</a></li>
      <li><a href="#">Pediatric</a></li>
      <li>
        <div class="iocn-link">
          <a href="#">
            <i class='bx bx-collection'></i>
            <span class="link_name">Pediatric</span>
          </a>
          <i class='bx bxs-chevron-down arrow'></i>
        </div>
        <ul class="sub-menu">
          <li><a class="link_name" href="#">Immunization</a></li>
          <li><a href="#">Deworming</a></li>
          <li><a href="#">Vitamins/Suppliments</a></li>
        </ul>
      </li>
      <li><a href="#">TB Dots</a></li>
      <li><a href="#">OB</a></li>
    </ul>
  </li>