使用jQuery在一系列菜单中切换可见性的问题

Question

编码有点凌乱，到处都是这样，请原谅我，但我很急忙完成这个。现在有了这个小小的免责声明......

我被要求创建一个包含3层分离的表单，您可以使用两个菜单进行导航 - 顶部有一层标签可以导航第一层。然后侧面菜单将允许用户将问题字段导航到另一个级别，最终级别是手风琴显示的问题。它必须这样做，我的客户顽固，因为他们拒绝以另一种方式做。它还必须完全与IE6兼容＆gt;＆lt;

您可以在此处查看我的代码转储：jsFiddle

好的。问题。发生的事情是，首先，当单击顶部的选项卡时，您应该能够在我作为示例的两个选项卡之间导航，这在jquery v.3中工作，但现在它隐藏了当前选项卡和另一个选项卡。我不知道最新情况。另一个与侧面菜单完全相同，而不是显示它隐藏的下一个选定问题。

我已经在这方面工作了很长时间，以至于我无法做任何事情。如果有人可以借出一双新鲜的眼睛，或者至少指出我在这里正确的方向，这将是伟大的。再次，抱歉我的代码状态，这是我第一次尝试这样的事情。

干杯！

Answer 1

您传递给selectedTab的tab变量似乎会获得前面的完整网址。所以#tab1例如在jsfiddle上变成http://fiddle.jshell.net/pPgzg/2/#tab1。

我为selectedTab添加了一个快速修复程序，似乎可以修复它。

http://fiddle.jshell.net/pPgzg/2/

---

我再次检查了一下，发现如果您使用.attr('href');代替.prop('href');，我可以阻止上述问题。

另一件事，我认为还有一些问题，即你有重复的ID。 ID必须是唯一的。现在，如果您执行$('#question1')，则无法知道将打开哪个问题。