Joomla Bootstrap自定义模板中的移动菜单未关闭

Question

我建立了一个Joomla模板来重新设计公司网站的前端。 一切正常，看起来不错。 我现在唯一的问题是移动菜单。 单击菜单按钮时，它将打开，但不会关闭。 摆脱它的唯一方法是选择一个链接或刷新页面。

我知道问题是Joomla使用了Bootstrap.js的自定义版本，但是如果我包含自己的标准Bootstrap.js文件，则所有操作都会停止，因为会发生对JavaScript的冲突调用。

有什么知道的解决方案吗？

该网站是www.DriveAndShine.com

Answer 1

<div id="navbar" style="height: 456px; background-color: rgb(17, 3, 140);" 
  class="navbar-collapse collapse **in**">

重新单击菜单时，类中的类似乎未被删除，您可以对#navbar使用jQuery hasClass方法（请在运行代码之前包含jquery）

if($('#navbar').hasClass('in')) {
   $('#navbar').removeClass('in');
} else {
   $('#navbar').addClass('in');
}