Как закрыть уже открытое меню бутстрапа, если пользователь открыл другое меню?

Добрый день, У меня адаптивный сайт работающий с Bootstrap. В мобильной версии оба моих меню сворачивается в свой гамбургер. Оба гамбургера открывают свое меню независимо от другого. Как мне сделать чтобы при открытии второго меню, первое меню сворачивалось обратно.

Оригинал тут: http://реклама-86.рф/ смотреть мобильную версию. Собственно код:

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topnav3" aria-expanded="false" id="small_menu1">
                    <div class="container">
                        <div class="row">
                            <div>
                    <span class="sr-only">Меню</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                            </div>
                            <div><p>Меню</p></div>
                        </div>
                    </div>
                </button>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topnav4" aria-expanded="false" id="small_menu2">
                    <div class="container">
                        <div class="row">
                            <div><span class="sr-only">Услуги</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                            </div>
                            <div><p>Услуги</p></div>
                        </div>
                    </div>
                </button>
            </div>
   <div class="collapse navbar-collapse" id="topnav3">
       <?php wp_nav_menu($args);?> // выводим верхнее меню
   </div>
   <div class="collapse navbar-collapse" id="topnav3">
       <?php wp_nav_menu($args);?> // выводим второе верхнее меню
   </div>