Javascript jQueryUI和引导程序出现问题

我尽了最大的努力想弄清楚，但是我用bootsrap“我认为”制作的导航栏与我的jQuery ui不一致。我不明白为什么。如果有人问你这个问题，你会从上帝那里得到教条。干杯，伙计们，下面是代码： HTML

---

该问题与HTML ID属性有关，在以下元素中，它有两个属性：

<div class="collapse navbar-collapse offcanvas-collapse" id="toggleMobileMenu" id="navslide">

试试这个，它可能对你有用。

$（'slidebutton'）。单击（function（）{$（'navsiled'）。classList.toggle（'open'））

刚刚试过。我认为可能存在一个问题，引导程序和jQueryUI相互冲突。但我不知道如何修复它。非常感谢您的帮助，但事实并非如此。您有一个带有两个ID属性的HTML元素：

这是无效的。谢谢您的帮助我现在有点傻了：D。非常感谢您

$('#slidebutton').click(function(){
    $('#navslide').toggle('slide');
})

<div class="collapse navbar-collapse offcanvas-collapse" id="toggleMobileMenu" id="navslide">