Javascript 如何在Bootstrap 4中自动关闭下拉菜单上的子菜单

我想在下拉菜单关闭时关闭下拉菜单中的子菜单。 但现在，若我再次切换下拉菜单，子菜单将保持打开状态

HTML

---

你可以这样做

$('.droptown-toggle').on('click', function(e) {
  $('.dropdown-submenu .dropdown-menu').hide();
});

---

另外，我认为droptown toggle是一个输入错误，但我使用的是您拥有的类名。

请尝试下面的代码。忽略“脚本错误”。这只是代码片段错误。但我的代码运行良好

$（文档）.ready（函数（）{
var$links=$（'.dropdown子菜单a.test'）。打开（“单击”，函数（e）{
var子菜单=$（this.next（）；
$subs.not（子菜单）.hide（）；
子菜单.toggle（）；
//$（this.next（'ul'）.toggle（）；
e、 停止传播（）；
e、 预防默认值（）；
});
var$subs=$links.next（）；
$（'.dropdown toggle'）。打开（'click'，函数（e）{
$（'.dropdown子菜单.dropdown菜单'）.hide（）；
});
});

身体{
填充顶部：60px；
}
.下拉子菜单{
位置：相对位置；
}
.下拉子菜单.下拉菜单{
排名：0；
左：100%；
页边顶部：-1px；
}
@介质（最大宽度：979px）{
/*从车身上拆下任何衬垫*/
身体{
填充顶部：0；
}
}



























  $(document).ready(function() {
    var $links = $('.dropdown-submenu a.test').on("click", function(e) {
      var submenu = $(this).next();
        $subs.not(submenu).hide()
        submenu.toggle();
      //$(this).next('ul').toggle();
      e.stopPropagation();
      e.preventDefault();
    });
    var $subs = $links.next();

  });

$('.droptown-toggle').on('click', function(e) {
  $('.dropdown-submenu .dropdown-menu').hide();
});