Javascript 引导JQuery子菜单导航隐藏/显示

全部,

我构建了一个工作的水平导航，子菜单基于以下示例：

作为一个独立的网站，一切都很好，但是，我正在将其集成到一个内容管理系统中，出于某种原因，JQuery肯定存在冲突

单击链接时，将显示子导航，但是，如果单击另一个导航链接，它将打开另一个子菜单，但不会关闭上一个子菜单

有人知道重写JQuery的方法吗？这样它就可以做同样的事情了？我希望我可以简单地改变脚本，而不是想出一个完全不同的方法

更新：我发现我将代码放入的CMS系统正在运行jQuery1.8.2，我的程序在jQuery2.x中运行良好。我刚刚创建了一个使用此版本JQuery的应用程序，现在您可以看到发生了什么。我无法在系统中升级JQuery，因此我需要以某种方式使我的代码在旧版本中工作。请帮忙

$(document).ready(function() {
    $('.collapse').on('shown.bs.collapse', function (e) {
        $('.collapse').not(this).removeClass('in');
    });

 $('[data-toggle=collapse]').click(function (e) {
     $('[data-toggle=collapse]').parent('li').removeClass('active');
     $(this).parent('li').toggleClass('active');
 });

$('li a').click(function(){
$(this).next('ul').slideToggle('500');
$(this).find('i').toggleClass('fa-plus-circle fa-minus-circle')
});  

---

如果您与另一个库发生冲突，您是否考虑过，如果您将这些nav元素的更具体的类或ID放在一起，并以它们为目标，会怎么样？我猜问题涉及到元素的一般目标。我尝试过使用noConflict功能，但没有任何运气。当我使用Chome Developer工具检查代码时，我可以看到它将样式更改为“display:block”，但当另一个代码被单击时，它将关闭该代码。当程序完成时，导航将是动态的，并根据数据库填充，因此如果我使用特定的ID和类，他们也需要有活力。需要一个活生生的例子