Добрый день! Уважаемые эксперты помогите пожалуйста! Как сделать чтобы после выбора вкладки из меню либо после нажатия в любую область страницы меню скрывалось?
<nav class="navbar navbar-default">
<div class="container">
<div class="row">
<div class="col-xs-3">
<!-- START LOGO -->
<div class="logo">
<a href="index.html">Главная</a>
</div>
<!-- END LOGO -->
</div>
<div class="col-xs-9">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-top">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Top navigation buttons, visible only in extra small mode -->
<a class="visible-xs bb-nav-prev navbar-brand navbar-brand-pagination" href="#"><i class="fa fa-angle-left"></i></a>
<a class="visible-xs bb-nav-next navbar-brand navbar-brand-pagination" href="#"><i class="fa fa-angle-right"></i></a>
<!-- /Top navigation buttons -->
</div>
<div class="collapse navbar-collapse" id="nav-top">
<ul class="nav navbar-nav navbar-right" id="menu">
<li><a href="#" data-page="1">Резюме</a></li>
<li><a href="#" data-page="2">Навыки</a></li>
<li><a href="#" data-page="3">Образование</a></li>
<li><a href="#" data-page="4">Прайс</a></li>
<li><a href="#" data-page="5">Портфолио</a></li>
<li><a href="#" data-page="6">Задать вопрос</a></li>
</ul>
</div><!-- /navbar-collapse -->
</div>
</div><!--/row-->
</div><!-- /container -->
</nav><!--/nav-->
Простой
