jquery - 将 css 悬停转换为 jquery onclick for div 层

Question

我们有一个标题，上面有用户名。本质上，目前，用户将鼠标悬停在用户名上，然后不稳定地将鼠标移动到 div 上以保持焦点并访问不同的帐户功能。

但说实话，这很糟糕，我想将其转换为 onclick，ala google 风格。

这是我们所拥有的屏幕截图。

这就是我想要实现的目标。

想知道是否有人知道如何做到这一点。

示例 fiddle :http://jsfiddle.net/ozzy/WkLBF/

本质上，我希望用户单击名称，div 面板就会显示并保留，直到他们再次单击。

感谢任何帮助，如果有任何安慰的话我们使用 jquery(此演示目前根本不使用 javascript)

Answer 1

嗯...这将按照您所描述的那样工作，但我不确定这是否正是您想要的。 :P 你能解释一下吗？

Demo

$(".category-filter>li").click(function(){
    $(this).children("ul").toggle();
});