Javascript 单击菜单选项后单击“冻结悬停”

我有菜单

#菜单{
背景：红色；
}
.菜单选项{}.菜单选项：悬停{
背景：褐红色；
}
.菜单选项：活动{
背景：黑色；
}

文学的
电影节
跳舞
音乐
美术
测验
戏剧

CSS解决方案是向元素添加tabindex，以便它们获得焦点，然后在焦点上设置颜色

#菜单{
背景：红色；
}
.菜单选项：悬停，
.菜单选项：焦点{
背景：褐红色；
大纲：无；
}

文学的
电影节
跳舞
音乐
美术
测验
戏剧

这里有一些非语义代码。页面上不应该有多个ID实例。使用一个类。@NickDugger好的，我会记住的。等等，通过将活动颜色更改为栗色，代码不是已经有点像你想要的了吗？有什么问题吗？@Spokey单击后的选项应保持褐红色，直到其他选项被选中clicked@CodeGirl您标记了jQuery，所以我假设您包含了插件？你的控制台有错误吗？您的代码中仍然使用ID而不是类吗？我已经包含了jQuery库，现在使用的是“类”，我没有收到任何错误。如果您将此脚本放在头部，您必须将其包装在一个就绪的处理程序中，我将用它更新我的答案。否则这个脚本需要在正文的末尾。这正是问题所在。谢谢。你能在回答中提到脚本在页面中的位置和执行顺序吗。