Javascript Jquery在从任一列表中选择任何项目时，从多个可选列表（当前选择除外）切换所选项目

我试图使用两个具有相同可选类的可选列表，我想在进行选择时切换所有项目，而不考虑父列表

当前，当我选择一个项目时，只有来自同一列表的选择被切换/取消选择，但来自另一个列表的所选项目保持选中状态

对于这个特定的函数，有没有办法将它们作为两个单独的列表，但行为却相同

任何帮助都将不胜感激。多谢各位

$。可选。可选； div{边框：1px纯黑色；} .selectable.ui选择{background:FECA40；} .selectable.ui已选择{背景：F39814；颜色：白色；} .可选{列表样式类型：无；边距：0；宽度：60%；} .可选li{边距：3px；填充：0.4em；字体大小：1.4em；高度：18px；} 清单1 项目1 项目2 项目3 项目4 项目5 项目6 项目7 清单2 项目1 项目2 项目3 项目4 项目5 项目6 项目7

---

我想我在这里试图实现的是在另一个小部件下定义的，您可以调用menu

将脚本更改为：

$(".selectable").menu();

---

给出了所需的结果。

美元.selective.selective；这意味着您需要使用jquery插件。该插件的文档在哪里？@styfle这里是文档的源代码。我添加了jqueryui标签，使您的代码成为可运行的代码段。你在乎答案是两个html列表两个ul，还是它们可以是带有可视分隔符的相同列表？它们可以是一个列表，但我需要在屏幕上有两个标题和两个位置。