很多站长无法在自己的品牌实现“编辑按钮/收缩”功能，也能让网页丰富多，趋近于简洁清晰，下面我为您介绍一下基础代码WordPress添加“点击展开/收缩”功能。
第二步：
在把以下JS代码加入到你的网站所分析的JS文件内（例如“functions.js”等）：
/* 为网站添加“点击展开/收缩”功能开始 */
jQuery(document).ready(
function(jQuery){
jQuery(‘.collapseButton’).click(function(){
jQuery(this).parent().parent().find(‘.xContent’).slideToggle(‘slow’);
});
});
/* 为网站添加“点击展开/收缩”功能结束 */
步骤二：
即可将下方代码存放在“类型参数 (functions.php)”的一个底部 ?> 之前：
/* 为WordPress添加“点击展开/收缩”功能开始 */
function xcollapse($atts, $content = null){
extract(shortcode_atts(array(“title”=>””),$atts));
return ‘<div>
<div class=”xControl”>
<span class=”xTitle”>’.$title.'</span>
<a href=”javascript:void(0)” class=”collapseButton xButton”>展开/收缩</a>
<div></div>
</div>
<div class=”xContent”>’.$content.'</div>
</div>’;
}
add_shortcode(‘collapse’, ‘xcollapse’);
/* 为WordPress添加“点击展开/收缩”功能结束 */
短代码：
因为我们也可以上文插入[-collapse title=”标题”]需点击展开书的内容[-/collapse]就可以去本功能啦 (填写标音时其中 – 删除）！
