导航栏下拉菜单无法关闭

Question

我有一个带有下拉菜单的导航栏，但他默认是打开的，不能关闭。我多次阅读我的代码，但我找不到错误。感谢您的帮助

<ul class="navbar-nav me-auto">
    <li class="nav-item">
      <a class="nav-link active" href="Accueil.php">Accueil
        <span class="visually-hidden">(current)</span>
      </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="PrendreRDV.php">Plannifier un rendez-vous</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="AfficherRDV.php">Afficher les rendez-vous</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" target="_blank" onclick="return confirm('Vous allez être redirigé vers une autre page')"  href="https://calendly.com/app/scheduled_events/user/me">Gérer un rendez-vous</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="AfficherClients.php">Gérer clients</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="Calendrier.php">Agenda</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="Historique.php">Historique</a>
    </li>
    <li class="nav-item dropdown">
      <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="true">Administration</a>
      <div class="dropdown-menu show" data-bs-popper="none">
        <a class="dropdown-item" href="#">Modifier champs</a>
        <a class="dropdown-item" href="#">Modifier table</a>
        <a class="dropdown-item" href="#">Modifier client</a>
      </div>
    </li>
 
  </ul>

Answer 1

您需要添加 Css 和 Javascript 才能获得该功能。