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

时间:2011-09-14 20:15:28

标签: javascript jquery html tabs navigation

我在此处有标签导航:http://jsfiddle.net/EghAt/

当我点击标签1时,它会输出此标签下方的所有列表项 - 太棒了! 但是,如果我在Tab 1仍然输出时单击Tab 2,它不会关闭Tab 1,而是保持从两者输出。

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

如何使用我的代码实现这一目标?

非常感谢任何指示。

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

虽然我喜欢你的超时解决方案,你可以使用另一种选择,你可以使用全局变量( gasp )将最后点击的ul的id存储在名为{{的变量中1}}。

然后,您可以使用递归函数链接toggleFade的回调,以便调用下一个lastClickedId元素的淡入淡出,而不是使用列表项的延迟显示。在回调函数中,您将检查当前列表的父级是否与li相同,如果是,则执行当前lastClickedId元素的淡入淡出。否则,它会破坏递归。