Как отложить скрытие меню с помощью раскрывающегося меню Jquery?

У меня есть выпадающее меню, которое работает нормально, но мне бы хотелось, чтобы, если я наведите курсор мыши на меню, оно сразу не скрывается снова. В общем, я хотел бы задержку в одну секунду.

Я читал о setTimeout, но не уверен, что это то, что мне нужно?

$('#mainnav a').bind('mouseover', function()
{
    $(this).parents('li').children('ul').show();
});

$('#mainnav a').bind('mouseout', function()
{
    $(this).parents('li').children('ul').hide();
});

Ответы на вопрос(3)

Ваш ответ на вопрос