dorisgiraffe
New Member
I have created a multilevel menu with css and jquerysee this : http://jsfiddle.net/YhgBw/i am unable to take mouse to the second level.as soon as i take mouse to the second level the script hides the full menu.Script :\[code\]$('#bigmenu').hide();$('#bigmenu_side').hide();$('#mydiv').mouseenter(function (e) { $('#bigmenu').fadeIn(100);});$('#bigmenu').mouseleave(function (e) { var inFocus = $("#search_by_profile_id").is(":focus"); if (!inFocus) { $(this).fadeOut(100); }});$('.bd_hover_change_color').mouseenter(function (e) { if (event.target.id == 'bd_menu_register') { $('#bigmenu_side').html("option A <br> option B <br> option C"); } $('#bigmenu_side').show();});$('.bd_hover_change_color').mouseleave(function (e) { $('#bigmenu_side').html(""); $('#bigmenu_side').hide()});\[/code\]