Javascript jQuery中带有悬停类的弹出菜单（尝试用复制选择框）
我想弄明白这件事已经有一段时间了，但我只是在兜圈子 基本上，我有一个输入字段，有两个选项可以选择。这不是一个正常的选项，而是一个带有2的选项。这对我现在做的很好 状态1：它只是一个普通的输入表单 状态2：用户将鼠标悬停在其上方，可以选择当前不活动状态，在下面的示例中，该状态为排除 在状态3中：单击“非活动排除”选项，并与当前活动的“包含”状态进行切换，从而使“排除”现在成为活动状态 我把这个放在JSFIDLE上：-我的文本切换在JSFIDLE上不能正常工作，尽管它在我正在开发的本地服务器上工作 最大的问题是从.form filter.link a:悬停和.form filter.link:在非活动状态被点击后悬停，就像上面图像的状态2一样 我尝试过使用$.formfilter ul li.removeclasshhover和其他一些变体，比如 $.form filter ul.li:hover.css显示，无或 $.form filter ul li a:hover.css显示，无，但无效 LinkedIn的搜索与我所做的类似： 用一个问题来总结：在文本切换后，悬停状态消失，看起来像状态3，我怎么能这样呢Javascript jQuery中带有悬停类的弹出菜单（尝试用复制选择框）,javascript,jquery,css,hover,removeclass,Javascript,Jquery,Css,Hover,Removeclass,我想弄明白这件事已经有一段时间了，但我只是在兜圈子 基本上，我有一个输入字段，有两个选项可以选择。这不是一个正常的选项，而是一个带有2的选项。这对我现在做的很好 状态1：它只是一个普通的输入表单 状态2：用户将鼠标悬停在其上方，可以选择当前不活动状态，在下面的示例中，该状态为排除 在状态3中：单击“非活动排除”选项，并与当前活动的“包含”状态进行切换，从而使“排除”现在成为活动状态 我把这个放在JSFIDLE上：-我的文本切换在JSFIDLE上不能正常工作，尽管它在我正在开发的本地服务器上工作
任何帮助都将不胜感激。如果您希望列表在某些事件后隐藏，我可能会直接通过JS而不是：hover CSS选择器来控制其可见性。例如：
您的小提琴不起作用，因为您还没有准备好关闭DOM的括号。呜呜，谢谢您抓住它！我之前在一个函数中使用过它，但为了让人们更容易在这里看到它，我把它取了出来。优雅而干净的解决方案。非常感谢没问题！这对我来说是一个常见的头痛问题-你可以得到一个很好的，90%的解决方案，只使用简单的CSS，但不能得到最后的10%。。。。