sub-menu niet zichtbaar in IE8

[peko]

Hoi,

Kan iemand mij helpen met het volgende. Op de site welke ik momenteel aan het bouwen ben, worden de sub-menu-items niet getoond in IE7-8. Alle andere browsers (incl. IE9) tonen deze wel.

Voor zover ik kan nagaan wordt het euvel veroorzaakt door een deel van het JS. Deze is als volgt:
[JS]
// --------------------------------------------------------------------------
// Menu
// --------------------------------------------------------------------------

(function($)
{
$.fn.avia_menu_helper = function(variables)
{
var defaults =
{
modify_position:true,
delay:300
};

if ( $.browser.msie ) {
alert( $.browser.version );
};


var options = $.extend(defaults, variables);

return this.each(function()
{

var menu = $(this),
menuItems = menu.find(">li"),
dropdownItems = menuItems.find(">ul").parent(),
parentContainerWidth = menu.parent().width(),
delayCheck = {},
descriptions = menu.find('.main-menu-description');

if(!descriptions.length) menu.addClass('no_description_menu');

menuItems.each(function()
{
var item = $(this),
normalDropdown = item.find("li>ul").css({display:"none"});

//if we got a mega menu or dropdown menu add the arrow beside the menu item
if(normalDropdown.length)
{
normalDropdown.parent('li').addClass('submenu_available');
}
});


// bind events for dropdown menu
dropdownItems.find('li').andSelf().each(function()
{
var currentItem = $(this),
sublist = currentItem.find('ul:first'),
showList = false;

if(sublist.length)
{
sublist.css({display:'block', opacity:0, visibility:'hidden'});
var currentLink = currentItem.find('a');

currentLink.bind('mouseenter', function()
{
sublist.stop().css({visibility:'visible'}).animate({opacity:1});

});

currentItem.bind('mouseleave', function()
{
sublist.stop().animate({opacity:0}, function()
{
sublist.css({visibility:'hidden'});
});
});

}

});

});
};
})(jQuery);

[/JS]

Voor zover ik kan nagaan zit de fout op regel 61 en wel het deel .animate({opacity:1})
Als javascript wordt uitgezet dan wordt het wel getoond maar is uiteraard de animatie weg. En dat is jammer.

Weet iemand hoe dit te verbeteren.

Alvast dank voor de respons.
Groet

 

[rajmv]

Tis moeilijk debuggen zonder live URL, maar ik zou je DOCTYPE even checken voor IE7/IE8. Probeer xhtml-1.0-transitional, xhtml-1.0 strict en xhtml-1.1 strict..

 

[peko]

Het doctype is HTML5 en de site is gebaseerd op WP. DOCTYPE kan niet veranderd worden vanwege een aantal specifieke HTML5 features op de site. Ik kan en mag de URL niet geven van de klant (site is in aanbouw)

In elk geval bedankt voor de input en groet

 

[peko]

Heeft iemand een idee? Het probleem lijkt niet meer van toepassing want er is besloten dat er geen sub-sub-menu's meer nodig zijn. Maar zou toch graag een oplossing willen weten voor dit vraagstuk