Javascript 单击关闭向下滑动的窗口

表现出几乎完全的无知，但以下是：

我有一个简单的函数，当你将鼠标悬停在父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);         
    }

);

---

我不太会猜。一个方向正确的点会让我的夜晚更美好

您可以将代码上传到JSFIDLE吗？但是通过查看您的代码，首先我将在每张幻灯片之前放置.stop（）$（'ul'，this.stop（）.slideUp（150）；它是。但是，当然，它在那里起作用——所以肯定有别的事情发生了。有没有更好的方法来解决这个神秘的问题呢？