实现WordPress文章展开/收缩的效果
发布时间：2025-10-23 09:44:56 本站作者 【 字体：大 中 小 】 浏览：43 次
1、修改footer.php文件
加入到body之前
<script>jQuery(document).ready(
function(jQuery){
jQuery('.collapseButton').click(function(){
jQuery(this).parent().parent().find('.xContent').slideToggle('slow');
});
});</script>2、修改functions.php文件
加入到主题functions.php文件中
//展开收缩功能
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"><span class="xbtn02">展开/收缩</span></a>
<div style="clear: both;"></div>
</div>
<div class="xContent" style="display: none;">'.$content.'</div>
</div>';
}
add_shortcode('collapse', 'xcollapse');3、代码使用：
{collapse title="标题"}需点击展开的内容{/collapse}
将上述代码中的{}分别替换为[]
补刀：CSS美化一下吧
/* 展开收缩*/.xControl {
background: #f6f6f6;
}
.xTitle {
color: #333;
}
.xbtn02{
color: #428bca;
text-decoration: underline;
}在编辑文章的时候快速添加该按钮 :
//添加展开/收缩快捷标签按钮
function appthemes_add_collapse() {
?><script type="text/javascript">// <![CDATA[
QTags.addButton( 'collapse', '展开/收缩按钮', '{collapse title="说明文字"}','{/collapse}' );// ]]>
</script><?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_collapse' );将上述代码中的{}分别替换为[]
将上述代码添加到主题functions.php文件中，然后在编辑文章的时候切换到文本模式，就可以看到该按钮.
按钮使用方法：先单击一次，然后输入你想要收缩的内容，再单击一次按钮，然后替换替换其中的说明文字。
热门推荐
广告位-300PX*250PX
最新发布
四季肥肠的制作方法
四季肥肠是广东地区非常有名的传统特色美食，深受广大食客的喜爱。它由猪肠、猪蹄、猪肉、花生等多种材料制作而成，口感鲜嫩、细腻，香气扑鼻，食后回味无穷。如果您也想在家里尝试制作这道美食，不妨跟随下文的步骤一起动手吧！1.准备材料和工具在制作四季肥肠之前，我们需要准备好一些必要的材料和工具，例如猪肠、猪蹄、...
15种口味任你选，手把手教你做
三明治是西方国家非常流行的一种食物，而以吐司作为外壳的三明治更加受到人们的喜爱。今天，我将为大家介绍如何用吐司制作美味三明治，并分享15种不同口味的做法，让您不再局限于快餐店的单调选择。步骤1准备所需材料准备吐司、火腿肠、生菜、番茄、黄瓜、鸡蛋、奶酪、黄油、酱汁等材料。步骤2切好材料将火腿肠、番茄、黄瓜...
油条油馍制作全攻略
早餐是一天中最重要的一餐，而油条油馍则是中国人喜爱的早餐食品之一。自己动手做油条油馍，不仅可以享受到美味的口感，还能够保证食品的卫生和安全。本文将为大家介绍以油条油馍的制作方法和注意事项。准备工作：选购原材料准备好面粉、酵母、盐、白糖、清水、油条所需的豆腐乳、芝麻等食材，并确认这些食材的新鲜程度和卫...
宝宝食谱之水饺肝粉油菜猪肉胡萝
宝宝的饮食非常重要，营养的摄取对于宝宝健康成长至关重要。本文将为大家介绍一道适合宝宝的菜谱——水饺肝粉油菜猪肉胡萝卜。一、准备食材：蒸馏水、冷冻水饺、鲜猪肉、新鲜胡萝卜、新鲜油菜、新鲜鸡肝在准备食材时，建议选择新鲜、干净卫生的食材，确保食材的安全和卫生。二、清洗水饺和蔬菜在开始制作菜品前，需将水饺和...
