Javascript 引导切换菜单在页面加载时展开

我有一个带有下拉菜单的导航栏，可以很好地使用悬停。但在智能手机上，我不想点击打开下拉列表，而是希望它在点击切换菜单按钮后自动打开

---

我尝试了一些在这里找到的代码片段，但没有成功地调整任何代码片段以适应我的问题。

只需手动将类“in”添加到元素中，并在标记中使用折叠导航栏折叠类

<nav class="collapse navbar-collapse in" role="navigation">

---

你能把你已经拥有的代码放在一个提琴上，这样我们就可以看到哪里出了问题，你想做什么？你可以在这里找到代码（）。当你点击菜单时，当它展开时，我希望下拉列表中的项目立即可见。编辑我的答案。对不起，我看错了问题…那只会打开菜单。我还想自动打开下拉菜单列表项。有什么想法吗？也可以将“open”类添加到“dropdown”元素中，这将是解决方案，但如何指定“open”类仅适用于在智能手机上查看站点？我的菜单在页面加载时打开，没有html5属性和引导类丢失。我似乎无法用jquery关闭它

$('.collapse.navbar-collapse').on('shown.bs.collapse', function(){
    $('.dropdown').addClass('open');
});