jquery - 我可以以编程方式关闭可折叠导航栏显示的下拉菜单吗？

Question

我有这个启用了 Bootstrap 的 HTML 标记:

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="width: 100%">
    <div class="navbar-header" style="width: 100%">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example- navbar-collapse">
            <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
                            class="icon-bar"></span><span class="icon-bar"></span>
        </button>
        <div style="color: #FFFFFF">
            <div>
                <h4 style="text-indent: 15px; padding: 0px; margin: 10px 0px 0px 0px;">
                    <span style="color: #FFFFFF;">Title#1</span><span style="color:  #1f7fbb">Motion</span>
                </h4>
                <h4 style="padding: 0px; margin: 0px; text-indent: 15px">
                    <small style="font-size: x-small;">Title#2</small>
                </h4>
             </div>
         </div>
         <div class="collapse navbar-collapse" id="example-navbar-collapse">
             <ul  id="Select1" class="nav navbar-nav">
                 <li class="active"><a href="#">iOS</a></li>
                 <li><a href="#">SVN#1</a></li>
                 <li><a href="#">SVN#2</a></li>
             </ul>
         </div>
     </div>
 </div>
</nav>

<script type="text/javascript" >
    function test() {
        alert('hi');
        $("#example-navbar-collapse").dropdown('toggle');
    }
</script>

如果这是一个基本问题，请原谅我，但在用户单击/触摸“SVN#2”后，我希望下拉菜单折叠。

这是针对小型移动设备的。这可以轻松完成吗？

Answer 1

使用 dropdown('toggle') 方法

$("<selector here to select your dropdown>").dropdown('toggle')