【问题标题】：Stop and Close Tab when 2nd Tab Clicked - jQuery Tabs Navigation单击第二个选项卡时停止并关闭选项卡 - jQuery 选项卡导航
【发布时间】：2011-09-14 20:15:27
【问题描述】：
我在这里有标签式导航：http://jsfiddle.net/EghAt/
当我单击选项卡 1 时，它会在此选项卡下输出我的所有列表项 - 太棒了！
但是，如果我在 Tab 1 仍在输出时单击 Tab 2，它不会关闭 Tab 1，而是继续从两者输出。
如果单击选项卡 2，我想关闭选项卡 1，反之亦然。
如何使用我的代码实现这一点？
非常感谢您的任何指点。
【问题讨论】：
标签：
javascript
jquery
html
tabs
navigation
【解决方案2】：
虽然我喜欢你的超时解决方案，但你可以使用一个替代方案，使用全局变量 (gasp) 将最后点击的 ul 的 id 存储在名为 lastClickedId 的变量中。
然后，您可以使用递归函数链接 toggleFade 的回调，而不是使用延迟显示列表项，以便它调用下一个 li 元素的淡入淡出。在您的回调函数中，您将检查当前列表的父级是否与lastClickedId 相同，如果是，则对当前li 元素执行淡入淡出。否则，它会中断递归。