为wordpress自定义菜单项创建一个onClick函数

时间:2013-11-05 10:14:05

标签: javascript jquery html css wordpress

我的wordpress网站上有一个div,我想使用导航栏中的一个菜单项切换(滑动/向下滑动)。菜单项的类型为custom。在URL文本字段中,我有一个哈希标记。

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

1 个答案:

答案 0 :(得分: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()

代码中还有其他此类错误