CODEWITHSUNDEEP
jqueryinternet-explorerdrop-down-menu
Strontium_99
Strontium_99

Reputation: 1803

jQuery dropdown menu acting strange in IE

If you look at this URL in IE (I'm using IE10 but it seems to do the same in older versions too).

Demo link

When the sub options are open, the menu seems to close and open in a random fashion. EG: Our Services > Servicing & MOT. It only seems to happen on a few sub links, and it doesn't always trigger.

This is the jQuery code I'm using, which should only trigger on the first ul > li hover.

$('#mainNav ul:first>li').hover(
  function () {
    $(this).children('ul').css('top', '50px').css('left', '0px');
    $(this).children('ul').slideDown('fast');
  },
  function () {
    $(this).children('ul').slideUp('fast', function(){
      $(this).children('ul').css('top', '-99999px').css('left', '-99999px');
    });
  }

Any idea why this is happening please?

Upvotes: 0

Views: 132

Answers (1)

Madthew
Madthew

Reputation: 686

As I wrote in the comment you have this in your CSS:

#mainNav ul ul li {
    background-image: url("../images/blocks/white-95.png");
    float: none;
    margin-top: 2px; 
    width: 100%;
}

try to change the margin to 0px and to set the border-top to 2px instead with a color you like. It might work.

Upvotes: 2

Related Questions