javascript - 单击时关闭下拉菜单

Question

表现出几乎完全的无知，但这里有：

我有一个简单的功能，当您将鼠标悬停在父 li 上时，使用 slideDown 显示隐藏的 ul。它工作得很好。但是当单击导航项时，我需要 ul 再次隐藏自己。现在，您必须将鼠标移出该区域，这在浏览器中很好，但触摸起来很痛苦。

这是我目前得到的：

 $('#nav ul li').hover(
    function () {
        //show its submenu
        $('ul', this).slideDown(150);
    }, 
    function () {
        //hide its submenu
        $('ul', this).slideUp(150);         
    }

);

这是我添加点击关闭位的猜测：

$('#nav ul li').click(

    function () {
        //hide its submenu
        $('ul', this).slideUp(150);         
    }

);

我不太擅长猜测。一个正确方向的点会让我的夜晚。