最合适的回答,由SO网友:Brooke. 整理而成
JavaScript是您的朋友!更具体地说,jQuery是您的朋友。
你可以帮我们wp enqueue script 然后这样做:
将此添加到主题功能中。php
<?php
function my_scripts_method() {
wp_enqueue_script(\'jquery\');
}
add_action(\'wp_enqueue_scripts\', \'my_scripts_method\'); //
?>
然后,要么在标题中,要么通过编写自定义项。js文件,然后查询它使用以下
jQuery(document).ready(function($) {
$(\'.hide_level3_button\').click(function(){
$(\'.Level3\').toggle();
return false;
});
});
然后给你的切换按钮一类
hide_level3_button
你可以走了。
JS小提琴:http://jsfiddle.net/BandonRandon/nzE7F/
UPDATE: 您还可以使用fadeToggle()
为了让它们看起来更好http://jsfiddle.net/BandonRandon/nzE7F/1/
EDIT要添加使其在页面加载时工作,我将添加jQuery cookie plugin 并将javascript更改为:
jQuery(document).ready(function($) {
if ($.cookie("hide_level3") == "true") { //check for cookie
$(\'.Level3\').hide(); //hide the level
}
$(\'.hide_level3_button\').click(function() {
$(\'.Level3\').fadeToggle(); //toggle level
$.cookie(\'hide_level3\', \'true\'); //set the cookie
return false;
});
});
http://jsfiddle.net/BandonRandon/nzE7F/3/