折り畳みのデザインについて

文字が消える

Produced by krt_w

[[collapsible show=" " hide="消去します" folded="no" hideLocation="bottom"]]
（ここに内容）
[[/collapsible]]

サンプル:

 

パスワード:password1234

クリックで文字が変わる

Created by physicslike

[[module css]]
.change-sentence {
display: inline-block;
_display: inline;
}
.change-sentence .collapsible-block-link {
text-decoration: none;
color: #333;
display: inline-block;
_display: inline;
}
[[/module]]
折りたたみブロックを空にして使う方法が有効です。[[div class="change-sentence"]]
[[collapsible show="ここをクリックしてみて下さい。" hide="文章が変わります。"]][[/collapsible]]
[[/div]]上記のCSSを使えば普通の文字列に偽装することが出来ます。

サンプル:
折りたたみブロックを空にして使う方法が有効です。

ここをクリックしてみて下さい。

上記のCSSを使えば普通の文字列に偽装することが出来ます。

パスワード式折り畳み

maybe created byNanimono Demonai

[[module css]]
.fakeprot .mailform-box .buttons{
display:none;
}
.collapsiblealt .collapsible-block-link {
padding: 0.1em 0.5em;
text-decoration: none;
background-color: #F4F4F4;
border: 1px solid #AAA;
color: #000;
}
.collapsiblealt .collapsible-block-link:hover {
background-color: #DDD;
color: #000;
}
.collapsiblealt .collapsible-block-link:active {
background-color: #DDD;
color: #000;
}
.collapsiblealt .collapsible-block-unfolded-link{
margin:0.5em 0;
text-align: center;
}
.collapsiblealt .collapsible-block-folded{
margin:0.5em 0;
text-align: center;
}
.scp-image-block {
float: none;
clear: none;
border: solid 1px #666;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
width: 300px;
}

.scp-image-block.block-right {
float: right;
clear: right;
margin: 0 2em 1em 2em;
}

.scp-image-block.block-left {
float: left;
clear: left;
margin: 0 2em 1em 0;
}

.scp-image-block.block-center {
margin-right: auto;
margin-left: auto;
}
[[/module]]

[[div class="fakeprot"]]
[[module MailForm to="aaaaアイウエオ（ダミー用）" size="50" button="" title="入力"]]
# name
* title: ID
* default: Site-81██_Dr_████████
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
# pass
* title: Password
* default: ****************
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[div class="collapsiblealt"]]

[[collapsible show="認証" hide="閲覧を終了" hideLocation="bottom"]]
のび太さんのサンドエッジ！
[[/collapsible]]
[[/div]]

サンプル:

---

ID
Password

b2cf04110aab6bb5d7f02c566b680af6_1726423578

認証

のび太さんのサンドエッジ！