Javascript 鼠标输出上的延迟下拉菜单

我有一个下拉菜单，工作正常，但我想延迟隐藏，所以它不会立即隐藏。现在我有下面的代码，但它不工作

$('#courses-ul').bind('mouseout', function()
{
    var menu = this;
    setTimeout(function()
    {
        $(menu).parents('li').children('ul').hide();
    }, 1000);
});

使用

delay（）

方法，如下所示：

$('#courses-ul').bind('mouseout', function() {
    $(this).delay(800).hide();
});

---

你为什么不使用delay（）方法？你能分享你的HTML吗？嗨，CapeStar，我的HTML是这样的：

• 链接1
  • 链接1