NobleUI主题菜单异常求助：点击菜单时多选项被错误激活

我购买了NobleUI主题用于快速开发，目前碰到一个菜单异常问题：点击某一菜单链接时，其他菜单分类会自动展开，并且序列中对应位置的多个菜单项被设置为active状态。比如点击“Menü 1 -> 1”时，“Menu 2 -> 1”也会同时被选中高亮，而预期应该只有点击的菜单项被激活。我已经通过ChatGPT排查了三小时但没能解决，现在附上相关代码及问题截图，希望熟悉NobleUI主题和Bootstrap的开发者能提供排查思路与解决方案。

相关代码 #

<li class="nav-item nav-category">Kundenverwaltung</li>
<li class="nav-item">
  <a class="nav-link" data-bs-toggle="collapse" href="#kunden" role="button" aria-expanded="false" aria-controls="kunden">
    <i class="link-icon" data-feather="mail"></i>
    <span class="link-title">Menü 1</span>
    <i class="link-arrow" data-feather="chevron-down"></i>
  </a>
  <div class="collapse" id="kunden">
    <ul class="nav sub-menu">
      <li class="nav-item">
        <a href="{{route('admin.kunde.all')}}" class="nav-link">1</a>
      </li>
      <li class="nav-item">
        <a href="{{route('admin.kunde.create')}}" class="nav-link">2</a>
      </li>
      <li class="nav-item">
        <a href="{{route('admin.kunde.kategorie')}}" class="nav-link">3</a>
      </li>
    </ul>
  </div>
</li>

<li class="nav-item">
  <a class="nav-link" data-bs-toggle="collapse" href="#partner" role="button" aria-expanded="false" aria-controls="partner">
    <i class="link-icon" data-feather="mail"></i>
    <span class="link-title">Menu 2</span>
    <i class="link-arrow" data-feather="chevron-down"></i>
  </a>
  <div class="collapse" id="partner">
    <ul class="nav sub-menu">
      <li class="nav-item">
        <a href="{{route('admin.partner.all')}}" class="nav-link">1</a>
      </li>
      <li class="nav-item">
        <a href="{{route('admin.partner.create')}}" class="nav-link">2</a>
      </li>
      <li class="nav-item">
        <a href="{{route('admin.partner.kategorie')}}" class="nav-link">3</a>
      </li>
    </ul>
  </div>
</li>

问题截图 #

内容的提问来源于stack exchange，提问作者Kevin Bollinger