Как скрыть меню bootstrap при нажатии вне?

Question

[Habitat Horsewithyou]

Как скрыть меню bootstrap при нажатии вне?

Answer 1

[Леха Ярков]

https://jsfiddle.net/yarkov_aleksei/dkz7dgdr/

Comments

[Habitat Horsewithyou]

что то не работает(

[Habitat Horsewithyou]

извиняюсь))) вопрос решен спасибо)

[Habitat Horsewithyou]

а есть возможность слешем вверх убрать его?

[Леха Ярков]

слешем вверх

Это как?

[Habitat Horsewithyou]

меню всплывает сверху
это как бы если нажал вне поля и провел вверх то оно скрывается

[Леха Ярков]

Роман Конев: а вы "слеш" со "свайпом" не путаете?

[Habitat Horsewithyou]

есть такое :D

[Леха Ярков]

Роман Конев: stephen.band/jquery.event.swipe

[Сергей Тутуков]

Леха Ярков:
Жесткое решение и в добавок неправильное.
1.

$(document).on('click', function(){
if(!$(this).hasClass('navbar-collapse')){

$(this) - в данном случаи $(document) и как оно может иметь класс .navbar-collapse. Можно вообще if тогда не писать, всегда будет срабатывать условие...
2. Значит скрытие навигации - это $('.navbar-collapse').removeClass('in'); удалением класса? То что атрибуты добавляются, какие-то изменения в DOM происходят, их не нужно учитывать?
https://codepen.io/STutukov/pen/PmRzQJ?editors=0010

[Сергей Тутуков]

Лучше открыть js файл и добавить событие на клик в не области и отключать его, когда меню скрыто.