Мерцание выпадающего меню в IE и Firefox

Question

Я создал раскрывающееся меню, которое я использовал на многих сайтах. По какой-то причине в этом приложении (http://quaker.wpengine.com/) меню мерцает и помещается как в Firefox, так и в IE8-10. Он отлично работает в Chrome и Safari. Любая идея, почему это может произойти? Я думаю, что это проблема CSS, но я не могу понять ее жизнь.

Спасибо за помощь!

Вот это JS я использую меню:

//Add necessary classes to navigation 
$('ul.level-1 > li > ul').addClass('level-2'); 
$('ul.level-1 ul > li ul').addClass('level-3'); 
$('li:has(> ul)').addClass('has-subnav'); 

// Mobile Navigation 
$('body').addClass('js'); 
var $menu = $('#menu'), 
$menulink = $('.menu-link'), 
$menuTrigger = $('.has-subnav > a'); 

$menulink.click(function(e) { 
    //e.preventDefault(); 
    $menulink.toggleClass('active'); 
    $menu.toggleClass('active'); 
}); 

$menuTrigger.click(function(e) { 
    if ($(window).width() < 768) { 
     e.preventDefault(); 
    }  

    var $this = $(this); 
    $this.toggleClass('active').next('ul').toggleClass('active'); 
}); 

//Remove active class on desktop version 
$('ul.level-1 > li').hover(
    function() { 
     $('ul.level-1 > li').removeClass('active'); 
     var $this = $(this); 
     if($this.children('ul.level-2').css('display') != 'none') { 
      $this.addClass('active'); 
     } else { 
      $this.removeClass('active'); 
     } 
    }, 
    function() { 
     var $this = $(this); 
     if($this.children('ul.level-2').css('display') != 'none') { 
      $this.addClass('active'); 
     } else { 
      $this.removeClass('active'); 
     } 
    } 
); 

Answer 1

Я понял, что этот вопрос. У меня была бродячая строка кода CSS, которая каким-то образом добавилась и сказала, чтобы применить определенные стили, когда вы зависали над атрибутом a на nav. Эти стили с стилями/JS li противоречивы и вызывают некоторые проблемы. Я удалил строку CSS, и мы все хорошо!