how to not hide a li when moving mouse out of ul

Question

This code and problem must be familiar, but I have not found anything. Any help is appreciated.

$(document).ready(function(){
  $("ul.header1").children("li").hide();

  $('ul.header1').mouseenter(function(){
    $("ul.header1").children("li").slideDown("fast");
  });

  $('ul.header1').mouseleave(function(){
    $("ul.header1").children("li").delay(500).slideUp("fast");
  });

  $("li.sub").mouseenter(function(){
    $("ul.header1").css('background-color','red');
    $("ul.header1").stop();    
  });

  $("img.myClass").mouseenter(function(){
    $("ul.header1").css('color','red');
    $("ul.header1").stop();        
  });
});

Answer 1

remove

$("ul.header1").children("li").delay(500).slideUp("fast");

Answer 2

http://www.eurotel-bih.com/

You can copy my code if that menu is what you looking for.

$("#menu ul li").click(function(){$("#menu ul li ul").hide(0);$(this).find("ul").slideDown(400);});