Sitemap

2019年9月17日 礼拜二
主页 / 义务日记 / WP作品添加睁开/紧缩

WP作品添加睁开/紧缩

效果预览:

WP作品添加睁开/紧缩插图

中心目次下找到header.php 文献,之前添加以下代码

<script>jQuery(document).ready(
function(jQuery){
jQuery('.collapseButton').click(function(){
jQuery(this).parent().parent().find('.xContent').slideToggle('slow');
});
});</script>

翻开中心目次下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">睁开/紧缩</a>
<div style="clear: both;"></div>
</div>
<div class="xContent" style="display: none;">'.$content.'</div>
</div>';
}
add_shortcode('collapse', 'xcollapse');
<div style="margin: 0.5em 0;">
<div class="xControl"><span class="xTitle">'.$title.'</span> <a class="collapseButton xButton">睁开/紧缩</a>
<div style="clear: both;"></div>
&nbsp;
</div>
&nbsp;
<div class="xContent" style="display: none;">'.$content.'</div>
</div>
'; } add_shortcode('collapse', 'xcollapse');

中心下的style.css,着末一行添加

.xControl {padding-left: 32px;}

作品运用以下代码

[collapse title="题目"]添加睁开的实质[/collapse]
原创作品,转载请阐明: 转载自日本一级特黄大片
本文链接地址: WP作品添加睁开/紧缩

关于 日本一级特黄大片

好记性,不如烂笔头。

随机引荐

税控发票开票软件(金税盘版)v2.2.33.190318轮回更新登录办理方法插图

税控发票开票软件(金税盘版)v2.2.33.190318轮回更新登录办理方法

税控发票开票软件(金税盘版)v …

发外评论

'); })();