在WordPress上发布文章时，经常会包含大量代码。
虽然我喜欢让代码格式化显示，但这会使文章内容变得很长，不方便访问者浏览。
因此，今天我将介绍一种可以展开/收缩文章内容的功能。
在WordPress上发布文章时，经常会包含大量代码。
虽然我喜欢让代码格式化显示，但这会使文章内容变得很长，不方便访问者浏览。
因此，今天我将介绍一种可以展开/收缩文章内容的功能。
实现方法如下：
1. 在B2的主题文件header.php中添加以下代码，或将其单独写入js文件并在header.php中引用。
<script type="text/javascript">
jQuery(document).ready(function(jQuery) {
jQuery('.collapseButton').click(function() {
jQuery(this).parent().parent().find('.xContent').slideToggle('slow');
});
});
</script>
2. 在B2主题文件function.php中添加以下代码：
3. 为了让展开/收缩按钮居中显示，可以优化代码。
上面的代码已经是优化过的，如果你要在CSS里面优化，请删除上面代码中的如下代码：
//第11行
<div style = "text-align:center;margin:0 auto;">
//第13行
</div>
具体的距离可以根据需要进行调整。当然，这一步也可以忽略。
在style.css中添加以下代码：
.xControl {
padding-left: 32px;
}
4. 现在，可以通过插入下面的短代码来实现需点击展开的内容
[Ccollapse]这里是需要隐藏的内容[/Ccollapse]
这样添加代码后，我们每次发文章都比较麻烦，需要手动输入短代码，为了这个功能，又加班写了一个编辑器添加按钮的教程，使用按钮来插入短代码，方便快捷，
免责说明
本站资源部分来自网友投稿，如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用，未经原版权作者许可,禁止用于任何商业途径！请在下载24小时内删除！
如果遇到评论可下载的文章，评论后刷新页面点击“对应的蓝字按钮”即可跳转到下载页面！
本站资源少部分采用7z压缩，为防止有人压缩软件不支持7z格式，7z解压，建议下载7-zip，zip、rar解压，建议下载WinRAR。
温馨提示：本站部分付费下载资源收取的费用为资源收集整理费用，并非资源费用，不对下载的资源提供任何技术支持及售后服务。
亲爱的自己，请好好的爱惜自己，善待自己。曾经的，请结束吧。666
只有你做到不恨他不怨他，你才有机会真的跟他一刀两断！
肥就去减，丑就去整，穷就去赚，只要你愿意，为时不会晚。
一个人看遍了那些曾经想和你一起看的风景。