使用javascript來隱藏和顯示菜單ID

Question

嗨我使用wordpress，我有一個導航。

我想用js或jq來切換子菜單項的可見性，當點擊父項。我可以用原始代碼做到這一點，但我不知道如何用wordpress菜單做到這一點。

目前我的wp_nav_menu在自己的div中的導航容器中。

任何幫助將非常感激。我需要這是完全動態的。

我找到了一個叫靳麼駑插件，這似乎讓我的onclick功能添加到每個菜單項但即使如此，林不知道該怎麼加？

感謝鄉親

Answer 1

不看在你的代碼中很難提供你可以直接使用的樣本。 jQuery可以用來實現這一點，所以不用擔心。不深入研究jQuery選擇器（我不確定你的背景知識）最簡單的方法是給每個導航鏈接一個id，然後使用jQuery來隱藏div。如果您要提供導航代碼或指向您網頁的鏈接，我們可以爲您提供更多幫助。

$("#idOfParent").on("click", function() { 
    $(this).children().toggleClass("HideNav").toggleClass("ShowName"); 
} 

這是一個jfiddle與一個工作示例（雖然不漂亮）。如果您需要不同的東西，請告訴我。