javascript - 为 wordrpress 自定义菜单项创建一个 onClick 函数

Question

我的 wordpress 网站上有一个 div，我想使用导航栏中的菜单项之一进行切换（上滑/下滑）。菜单项是自定义类型。在 URL 文本字段中，我有一个井号标签。

有谁知道一个插件或任何其他方法来完成这项工作。我搜索了谷歌，但我只能找到这个插件http://wordpress.org/plugins/jin-menu/。它的描述非常适合这项工作，但当我上传并尝试使用它时完全失败。

Answer 1

根据Jin Menu文档，您可以将功能放入“菜单选项”字段。

话虽如此，并且假设您已经安装了 Jquery，请将其添加到您的模板中。

<script>
 jQuery(document).ready(function() {
   jQuery('#idOfYourDiv').hide();
 });

 function toggleCollaspe() {
   jQuery('#idOfYourDiv').slideToggle('slow');
 }
</script>

添加toggleCollaspe()到您的菜单选项

编辑

按照网址后，我发现错误在这一行

$('#headerStyleType').html()

应该是

jQuery('#headerStyleType').html()

代码中还有其他此类错误