在点击时关闭滑动

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);         
    }

);

我不太擅长猜测。正确方向的一点将使我的夜晚。