Javascript 单击第二个选项卡时停止并关闭选项卡-jQuery选项卡导航

我在这里有选项卡式导航：

当我单击选项卡1时，它会输出该选项卡下的所有列表项-太棒了！ 但是，如果我在Tab 1仍在输出时单击Tab 2，它不会关闭Tab 1，而是保持从两个位置输出

如果单击了选项卡2，我想关闭选项卡1，反之亦然

我如何用我的代码实现这一点

---

非常感谢您的指点。

已解决：

虽然我喜欢您的超时解决方案，但您可以使用另一种方法，使用全局变量（gasp）将上次单击的

ul

的id存储在名为

lastclickedd

的变量中

然后，您可以使用递归函数链接toggleFade的回调，从而调用下一个

li

元素的淡入淡出，而不是使用列表项显示的延迟。在回调函数中，您将检查当前列表的父项是否与上次单击的EDID相同，如果是，则对当前元素执行淡入淡出。否则，它将破坏递归