I have the following peace of code.
$(document).ready(function()
{
$("ul.submenu").hide();
$("ul.dropdown").hide();
$("li.menuparent").each(function(index)
{
var menuparentid = $(this).attr("id");
$(this).hover(function()
{
$("ul.dropdown[id*='"+menuparentid+"']").slideDown('slow').show();
$("ul.dropdown[id*='"+menuparentid+"']").children().each(function(){
$(this).hover(function(){
$(this).children().each(function(){
$(this).slideDown('slow').show();
});
});
});
},function ()
{
$("ul.dropdown[id*='"+menuparentid+"']").slideUp('fast').hide();
$("ul.submenu").hide();
});
});
});
now the problem is that this is working completely fine in chrome but when it comes to IE8 id doesn't work at all?