Programmatically toggle bootstrap 3 navigation bar

Question

I am using few items in my bootstrap 3 navigation bar grouped in like below:

Answer 1

As you said, the event will run a modal.

So, when your modal ( called yourModal ) is showing (before showing), just hide the menu :

JS :

$('.yourModal').on('show.bs.modal', function(){
    $('.navbar-collapse').collapse('hide');
});

Here are the docs :

http://getbootstrap.com/javascript/#collapse

http://getbootstrap.com/javascript/#modals-usage