短代码功能，让你的网页在更加丰富的同时，也更加的简洁清晰！
预览
怎么样～挺不错的吧！
教学
1、首先将以下JS代码加入至你网站所引用的JS文件内（例如「functions.js」等）：
|
|
/* 为网站添加「点击展开/收缩」功能开始（由AREFLY.COM制作） */ jQuery(document).ready( function(jQuery){ jQuery('.collapseButton').click(function(){ jQuery(this).parent().parent().find('.xContent').slideToggle('slow'); }); }); /* 为网站添加「点击展开/收缩」功能结束（由AREFLY.COM制作） */ |
2、然后将下方代码添加到「布景函式库 (functions.php)」的最底部 ?> 之前，并点击 更新档案 
|
|
/* 为WordPress添加「点击展开/收缩」功能开始（由AREFLY.COM制作） */ function xcollapse($atts, $content = null){ extract(shortcode_atts(array("title"=>""),$atts)); return '<div style="margin: 0.5em 0;"> <div class="xControl"> <span class="xTitle">'.$title.'</span> <a href="javascript:void(0)" class="collapseButton xButton">展开/收缩</a> <div style="clear: both;"></div> </div> <div class="xContent" style="display: none;">'.$content.'</div> </div>'; } add_shortcode('collapse', 'xcollapse'); /* 为WordPress添加「点击展开/收缩」功能结束（由AREFLY.COM制作） */ |
3、现在我们可以直接在文章中插入 [collapse title="标题"]需点击展开的内容
