在jQuery手風琴式菜單中切換兒童的可見性

我有一個簡單的手風琴風格的菜單，它通過jQuery幫助打開/關閉其子菜單：jsFiddle。在jQuery手風琴式菜單中切換兒童的可見性

如果我點擊菜單項一切正常 - 顯示所選項目的兒童，而所有其他不必要的兒童項目隱藏。不過，我希望能夠根據傳遞的某個變量打開菜單樹（id）。

因此，在這個jsFiddle中，我創建了手動鏈接（在右側），它應該在菜單中展示相應的項目（展開所有父項）並隱藏所有其他項目。當點擊手動鏈接時，我設法只切換第一級的孩子，但是當我點擊讓我們說第四級鏈接（在我的例子中是貓11）時，沒有任何反應。我想要做的是展開選定項目的所有父母，並摺疊不在選定孩子的樹形路徑中的所有其他父項。

感謝您的幫助。

來源

2012-08-15 errata

這[jsFiddle]（http://jsfiddle.net/WAurj/4/）是否按照需要執行？ – rexmac 2012-08-15 21:43:16

嗯，大部分是肯定的，這是肯定的方式:)我看到，當點擊「切換貓11」時，所有的父母都可以正常擴展，儘管有些孩子有時候不會崩潰。嘗試點擊'切換貓1'然後'切換貓11'。貓1應該崩潰。同樣是當點擊「切換貓5」，「切換貓6」和「切換貓11」。在這種情況下，貓6應該崩潰。非常感謝你的努力，這非常接近！我會嘗試看看這裏發生了什麼，看看我是否能夠調整它:) – errata 2012-08-15 22:09:01

[這個版本]（http://jsfiddle.net/WAurj/5/）怎麼樣？ – rexmac 2012-08-16 13:22:22

我覺得這個jsFiddle做你想做的。

我還沒有測試過比原來小提琴更高的水平，但我認爲所有的父母，兄弟姐妹和「堂兄弟」元素都會根據用戶點擊的情況進行適當的考慮和切換。

來源

2012-08-20 16:14:07 rexmac

在jQuery手風琴式菜單中切換兒童的可見性

回答

相關問題