使用jQuery在一系列菜單中切換可見性的問題

Question

編碼有點凌亂，遍佈各處，所以原諒我，但我急於儘快完成此任務。現在有了這個小小的免責聲明...

我被要求創建一個有3層分離的表單，您可以使用兩個菜單進行導航 - 在頂部的一層標籤瀏覽第一個水平。然後，側面菜單將允許用戶再次向下導航問題字段，最後一層是手風琴顯示的問題。必須這樣做，我的客戶固執，因爲他們拒絕以另一種方式做。它也有完全是IE6兼容> <

你可以看到我的代碼轉儲在這裏：jsFiddle

好吧。問題。發生什麼事情是，首先，當點擊頂部的標籤時，你應該能夠在我作爲示例的兩個標籤之間導航，這在jquery v.3中工作，但現在它隱藏了當前標籤和其他標籤。我不知道會發生什麼。另一個關於側面菜單完全一樣，而不是顯示下面選擇的問題，它只是隱藏它們。

我一直在這方面工作了很長時間，以至於我無法做出任何事情。如果任何人都可以借用一套全新的眼睛，或者至少讓我朝正確的方向發展，那將會很棒。再次，對於我的代碼狀態感到抱歉，這是我第一次嘗試這樣的事情。

乾杯！

Answer 1

它看起來像你的tab變量你傳遞給selectedTab獲取完整的網址前綴。因此#tab1例如在jsfiddle上變成http://fiddle.jshell.net/pPgzg/2/#tab1。

我爲selectedTab添加了一個快速修復，這似乎解決了它。

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

---

我檢查一遍，發現了我上述問題可以預防，如果你使用.attr('href');而不是.prop('href');。

另一件事，我認爲也是造成一些問題的原因是，你有重複的ID。 ID必須是唯一的。現在，如果您以$('#question1')爲例，無法知道哪個問題將被打開。