请问 怎么样让点击a标签以后让他的子菜单一直显示呢？而不是鼠标移出就没了？

请问 怎么样让点击a标签以后让他的子菜单一直显示呢？而不是鼠标移出就没了？
以及点击下面的a标签怎么样让他覆盖显示的呢？

用js控制子菜单的class,不要用css的hover