单击链接时隐藏引导菜单

Question

因此，当响应菜单打开时，我点击锚点链接，菜单仍然打开，但我的目标是让它关闭，所以我可以再次点击菜单按钮菜单再打开我点击例如另一个链接。

HTML：

<div class="col-md-9">
                            <div class="row">
                                <div class="navbar-header">         
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="menu_li link_anchor collapse navbar-collapse" id="menu">
                                    <ul class="dropdown1">
                                        <li><a class="link_close" href="#products_anchor">Продукция</a></li>
                                        <li><a href="#opport_anchor">Преимущества</a></li>
                                        <li><a href="#clients_anchor">Клиенты</a></li>
                                        <li><a href="#maps_anchor">Контакты</a></li>
                                    </ul>
                                </div>                              
                            </div>
                        </div>

我试过这个JS代码，它隐藏了菜单元素的链接列表，但是永远隐藏起来。我单击菜单按钮，菜单不再显示：

$("#menu a").click(function() {
    var menu = $(this).closest("#menu");
    $(menu).css('display','none');
    setTimeout(function(){
        $(menu).css('display','');
    },200);
    });