Как исправить мерцание меню в bootstrap при использовании hover эффекта и javascript?

Здравствуйте.
Искал способ реализации выпадающего меню с hover эффектом в bootstrap 3.
Нашел вот такое решение:

$( document ).ready(function() {
      $( 'ul.nav li.dropdown' ).hover(function() {
         // $( window ).width() >= 768
        if ($('.navbar-toggle').css('display') === 'none' 
            && false === ('ontouchstart' in document)) {

            $( '.dropdown-toggle', this ).trigger( 'click' );
        }
      }, function() {
        if ($('.navbar-toggle').css('display') === 'none'
            && false === ('ontouchstart' in document)) {

            $( '.dropdown-toggle', this ).trigger( 'click' );
        }
     });
});

Проблемма в том, что при клике по пункту меню или по самому выпадающему блоку он, блок, мерцает.
Выложил пример - jsfiddle.net/V_E_Y/85qan7qt/20
Не подскажите, в чем может быть причина, как решить эту проблему?
Спасибо.