插件介绍

如其他论坛程序(如Discuz)那样：[spoiler]隐藏内容[/spoiler]。和“登录可见插件”一个用法。

使用了HTML5的<details>标签。

截图展示

下载

见附件。

附赠：美化折叠框样式

本插件不附带任何样式，以便站长自行设计符合自己网站风格的框。

若您不会CSS，亦可将以下样式放进您的主题CSS文件中。

details {
    padding: .6rem 1rem;
    border: 1px solid var(--info);
    background: var(--light);
    border-radius: 4px;
}

summary {
    font-weight: 700;
    cursor: pointer;
}

details[open] {
    padding-bottom: .75rem;
}

details[open] summary {
    margin-bottom: 6px;
}

details[open]>*:last-child {
    margin-bottom: 0;
}