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

Question

[nik_os123]

Здравствуйте. Подскажите пожалуйста, есть меню, при нажатии на кунопку оно открывается и потом весит всегда на первом плане.
Необходимо скрывать его при клике на ссылки внутри типа a href и также если кликнуть в не его област ь тоже скрывтаь.

Пример кода

<div class="menu_area">
                        <nav class="navbar navbar-expand-lg navbar-light">
							
                          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                           
                            <div class="collapse navbar-collapse" id="ca-navbar">
                                <ul class="navbar-nav ml-auto" id="nav">
								<li class="nav-item"><a class="nav-link" href="/#ceny">Цены</a></li>
								<li class="nav-item"><a class="nav-link" href="/#raboty">Работы</a></li>
                                </ul>
                            </div>
							
                        </nav>
                    </div>

Спасибо.

Answer 1

[Alex]

Вещание обработчик клика на документ. И в нем проверяете находится ли элемент, по которому нажали внутри вашего меню

Comments

[nik_os123]

Не могли бы вы привести пример кода с обработчиком ? Спасибо