解决了这个问题。
我创建了一个加载此js的插件:
function showContent(element){
$(\'.huisjes\').slideUp();
if ( $(element).is( \':hidden\' ) ) {
$(element).slideDown(\'slow\');
} else {
$( element).slideUp();
}
}
然后我创建了两个短代码:
function createDiv($atts, $content = null) {
extract(shortcode_atts(array(
\'id\' => "",
), $atts));
return \'<div id="\'. $id . \'" class="huisjes" style="display:none;"/>\' . $content . \'</div>\';
}
add_shortcode(\'huisje\', \'createDiv\');
function createButton($atts, $content = null) {
extract(shortcode_atts(array(
\'id\' => "",
), $atts));
return \'<a onClick="showContent(\'.$id.\')" href="javascript:void(0);" class="big-button bigorange">\'. $content .\'</a>\';
}
add_shortcode(\'huisje_button\', \'createButton\');
第一个代码创建一个具有给定ID的div。第二个代码创建一个按钮(带有一些css),该按钮链接到JS中的函数以显示内容。