Clignotant/clignotant dans le menu Méga sur le lien Covers

Question

Veuillez regarder http://my-webpresence.com/work/yasir/dinecart/menu.html#. Lorsque vous survolez les restaurants dans le menu principal, puis passez la souris sur «Parcourir», puis sur l'un des liens dans le menu, le menu entier «clignote/scintille» lorsque vous passez sur l'un des liens.

Quel est le problème et comment puis-je résoudre ce problème?

Merci

Answer 1

Cela peut ne pas être une solution complète, mais il peut vous aider à trouver le principal problème. Chaque fois que vous passez la souris sur l'un des meilleurs liens "Sélection" "Nouveau restaurant" "Par catégorie" "Par emplacement" "Voir tout", le li sous # menu déroulant passe de "actif sélectionné" à "parcourir" à "actif". choisi". C'est quand le scintillement se produit.

Il peut avoir quelque chose à voir avec cette fonction ici:

 $("#flyout-menu li").hover (function() { 
      $("#flyout-menu li > div").hide(); 
      $("#flyout-menu li").removeClass('selected'); 

      $(this).addClass('selected') 
      $(this).children('.nav-sub-1-right').show(); 

     }); 

Answer 2

Votre menu déroulant javascript cache le <div> pour un moment alors que vous supprimez et ajoutez la classe sélectionnée sur vos <li> nœuds. puis le <div> est réaffiché. Cela provoque le scintillement. Ne cachez pas le <div>.