可点击的下拉菜单

Question

这是我的问题的一小部分：http://jsfiddle.net/WNmff/1/ 它有点被剥离......最初有15个列表项+小提琴没有显示这个真正起作用的方式。 我试图结合不同的元素（CSS下拉菜单，手风琴...）来制作一个单击而不是悬停的菜单。 （它可能看起来有点修补^^） 但是：

• 如果我点击多个列表项目（不禁用它们），它们会保持活动状态，当我将鼠标悬停在它们上面时，它们会自行显示;
• 如果我点击一个项目，然后将鼠标移到另一个项目上，子菜单就会消失;
• 列表项
• 当我点击较低的项目（需要稍微滚动才能到达）时，页面会自动滚动回顶部。

可能存在更多问题，但这些问题确实非常烦人，并且会阻止网站按照要求运行。

提前致谢...