wordpress建站中如何封装一些短代码功能,下面web建站小编给大家简单介绍一下“点击展开/收缩”功能的实现方法!
1、在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="cBtn">展开/收缩</a>
<div style="clear: both;"></div>
</div>
<div class="divBox" style="display: none;">'.$content.'</div>
</div>';
}
add_shortcode('collapse', 'xcollapse');
2、在页面中引用以下代码:
jQuery(document).ready(
function(jQuery){
jQuery('.cBtn').click(function(){
jQuery(this).parent().parent().find('.divBox').slideToggle('slow');
});
}
});
wordpress建站,不要第三方插件实现图片自动添加水印(亲测有效)
wordpress建站,如何实现多个网站调用的文章图片来自同一个文件夹
上面是“wordpress如何封装短代码功能(点击展开/收缩)”的全面内容,想了解更多关于 wordpress 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4397.html
workflows工作流
半透明的玻璃苹果ComfyUI工作流
汗血宝马ComfyUI工作流
一对葫芦ComfyUI工作流
一辆停在混凝土墙前运动型SUV捷豹概念车
一张科幻照片,火星车在沙漠里ComfyUI工作流
树枝上一只色彩斑斓的小鸟
一位宇航员做在一只乌龟上在星空中游走
一位穿着优雅银色装饰黑色连衣裙的苗条模特
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3实现星球旋转
利用html5+css3实现滚雪球效果(附代码)
利用CSS3代码编写45款按钮效果
canvas黑洞漩涡(canvas+js)
利用css3做一个动态loading效果
数字滚动效果(兼容IE6/IE8)
会议人员60s签到倒计时插件







