Bootstrap hover dropdowns

script.js

// This will add the 'open' class on hover to all dropdowns if the user is on a wide screen
// and then remove the 'open' class when you mouse out
$('.dropdown').hover(function () {
    if ($(window).width() >= 768) {
        $(this).toggleClass('open');
    }
}, function () {
    $(this).removeClass('open');
});