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工作流
一个以破旧的怀旧史努比玩偶
一个20岁丰满的女孩ComfyUI工作流
一把令人难忘的美丽吉他ComfyUI工作流
一位24岁的金发女海盗ComfyUI工作流
半透明的玻璃苹果ComfyUI工作流
一只蓬松柔软的圆形半鳄梨玩偶
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

如何利用svg做一个有趣的loading动画加载
利用CSS3代码编写45款按钮效果
2023年程序猿如何给自己开启一场烟花盛会
css3卡片动态滑动效果
jquery鼠标滑过图片边框特效(jquery.focus-follow插件)
纯CSS饼图效果
数字滚动效果(兼容IE6/IE8)
css3动画loading效果













