Hello all,
iam stuck now, i really hope if somebody can tell me the problems what i really don't see.
The problem is is the menubar works great in Safari,FF,Chrome. But when i open IE8 its so slow when i put my mouse cursor on another menu area. Or better the entire menu is just so slow!
html id & class are
<div class="oe_wrapper">
<ul id="oe_menu" class="oe_menu">
this is my javascript code:
$(function () {
var $oe_menu = $('#oe_menu');
var $oe_menu_items = $oe_menu.children('li');
var $oe_overlay = $('#oe_overlay');
$oe_menu_items.bind('mouseenter', function () {
var $this = $(this);
$this.addClass('slided selected');
$this.children('div').css('z-index', '9999').stop(true, true).slideDown(300, function () {
$oe_menu_items.not('.slided').children('div').hide();
$this.removeClass('slided');
});
}).bind('mouseleave', function () {
var $this = $(this);
$this.removeClass('selected').children('div').css('z-index', '1');
});
$oe_menu.bind('mouseenter', function () {
var $this = $(this);
$this.addClass('hovered');
}).bind('mouseleave', function () {
var $this = $(this);
$this.removeClass('hovered');
$oe_menu_items.children('div').hide();
})
});
