Jquery 引导4打开多个导航栏下拉菜单，无需切换

我正在使用带多级垂直侧边栏菜单的Bootstrap4。单击任何下拉列表项时，先前打开的下拉列表将自动关闭。问题：我不希望以前打开的下拉列表自行关闭。用户可以打开多个下拉列表

尝试了几个脚本来检测当前的导航项目，但没有结果

<ul class="navbar-nav flex-column w-100">
  <li class="nav-item ">
   <a href="#" role="button" class="nav-link">Dashboard</a>
  </li>
  <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false">Data Entry</a>
   <div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
     <a class="dropdown-item" role="button" href="/#">Add Job</a>
     <a class="dropdown-item" role="button" href="#">Auto Upload</a>
     <a class="dropdown-item" role="button" href="#">Manage Centah</a>
     <a class="dropdown-item" role="button" href="#">Manage TGS</a>
   </div>
  </li>
  <li class="nav-item dropdown">
   <a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="collapse" aria-haspopup="true" aria-expanded="false">Data Entry</a>
   <div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
     <a class="dropdown-item" role="button" href="/#">Add Job</a>
     <a class="dropdown-item" role="button" href="#">Auto Upload</a>
     <a class="dropdown-item" role="button" href="#">Manage Centah</a>
     <a class="dropdown-item" role="button" href="#">Manage TGS</a>
   </div>
  </li>
</ul>

单击包含复选框的下拉项时，菜单关闭。 插件不处理下拉项的内容。无论您在下拉项中有什么内容，单击它将关闭菜单

---

您可以在此处跟踪它：

单击包含复选框的下拉项时，菜单将关闭。 插件不处理下拉项的内容。无论您在下拉项中有什么内容，单击它将关闭菜单

您可以在此处跟踪它：