如果基于短代码的插件做得好的话,它没有什么错。回答您的问题:可能有数百种方法,但这可能是最简单和最有效的方法(类似于Reddit):
如果需要添加扰流板,请转到Text 编辑后页面中的选项卡添加<span class="spoiler"></span>
在要隐藏的文本周围添加以下内容CSS
规则:.spoiler { background: #000; }
. 必须与文本颜色相同,或阅读下面的备选内容
Now you have two options:
<人力资源>
1. 悬停时显示:添加以下内容
CSS
规则:
.spoiler:hover {
background: transparent;
}
<小时>
2. 单击显示:将以下功能添加到主题
.js
文件:
$(\'.spoiler\').click( function() {
this.addClass(\'show\');
// this.toggleClass(\'show\'); <- if you want to toggle it for some reason
});
以及以下内容
CSS
规则:
.spoiler.show {
background: transparent;
}
如果要显示文本“Spoiler”或类似内容,可以使用
CSS
:before
或
:after
, 定位它并相应地隐藏/显示它
:hover
或类别
.show
前面提到过。
<小时>
Alternative color:
如果你不喜欢深色的扰流板框,你可以稍微修改一下,也可以将文本颜色更改为你选择的任何背景颜色。这样你就可以选择你想要的任何颜色。
<小时>
References:
:before, :after