Как сделать, чтобы скрывался Dropdown при изменении размеров экрана?

Question

[Im p3l]

Делал по шаблону https://bootsnipp.com/snippets/featured/fancy-navb... Dropdown меню. Столкнулся с проблемой, при переходе с мобильного разрешения экрана на десктопное с открытым Dropdown он должен закрываться. Попробовал сделать с помощью удаления класса open который отвечает за состояние Dropdown, но не получилось. Прошу помочь с решением проблемы.

$(document).resize(function () {
  var screen = $(window);

  if(screen.width() > 768) {
    $('.dropdown').removeClass('open');
  }
});

Answer 1

[iBird Rose]

getbootstrap.com/javascript/#dropdowns-methods
$().dropdown('toggle')

Answer 2

[Игорь Петров]

Можно еще через медиазапросы в CSS отключать видимость.