テンプレート:Hidden begin-end/docのソースを表示

<noinclude>{{Documentation subpage|種類=[[Help:テンプレート|テンプレート]]|[[Template:Hidden begin]]、[[Template:Hidden end]]}}</noinclude>
<includeonly>{{使用箇所の多いテンプレート|3,000以上}}
{{折り畳み注意}}</includeonly>
{{Tl|Hidden begin}}と{{Tl|Hidden end}}を組み合わせて使います。

__NOTOC__
== パラメータ ==
{| class="wikitable" style="font-size:95%; line-height:1.3em;"
! パラメータ      !! 説明文
|-
| ''showhide''  || タイトルバーにおける[表示/隠す]の位置。<code>left</code>と指定するとタイトルバーの左側に置かれます。
|-
| ''toggle''  || showhideと同じ。
|-
| ''class''      || CSS クラスの指定。
|-
| ''style''      || CSSの指定。
|-
| ''border''      || ボーダーのCSSの指定。
|-
| ''title''      || タイトルバーに表示するテキスト。
|-
| ''titlestyle'' || タイトルバーに適用されるCSS属性。
|-
| ''bg1''      || タイトルバーの背景色。
|-
| ''ta1''      || タイトルバーの文字配置。標準はleft。
|-
| ''contentstyle ''  || 中身に適用されるCSS属性。
|-
| ''bodystyle''  || 上に同じ。
|-
| ''bg2''      || 中身の背景色。
|-
| ''ta2''      || 中身の文字位置。
|}

== 使用例 ==
{| class="wikitable" width="100%"
! コード !! 表示
|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|title = default example
}}
*def
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|title = default example
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|title = title with background:pink
|titlestyle = background:pink;
}}
*def
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|title = title with background:pink
|titlestyle = background:pink;
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|title = title aligned in the center
|titlestyle = background:pink; text-align:center;
}}
*def
*ghi{{hidden end}}
</pre>
|
{{hidden begin
|title = title aligned in the center
|titlestyle = background:pink; text-align:center;
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|title = title aligned on the right needs padding-right
|titlestyle = background:pink;
 text-align:right;padding-right:3em;
}}
*change window width and
*watch title alignment{{hidden end}}
</pre>
|
{{hidden begin
|title = title aligned on the right needs padding-right
|titlestyle = background:pink;
 text-align:right; padding-right:3em;
}}
*change window width and
*watch title alignment
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|toggle     = left
|title      = title with toggle=left
|titlestyle = background:palegreen;
}}
*def
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|toggle     = left
|title      = title with toggle=left
|titlestyle = background:palegreen;
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|toggle     = right
|title      = title with toggle=right
|titlestyle = background:lightgrey;
}}
*def
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|toggle     = right
|title      = title with toggle=right
|titlestyle = background:lightgrey;
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|toggle     = left
|title      = abc with toggle=left
|titlestyle = background:palegreen;
|bodystyle  = font-size:150%; font-weight:bold; 
}}
*def
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|toggle     = left
|title      = abc with toggle=left
|titlestyle = background:palegreen;
|bodystyle  = font-size:150%; font-weight:bold; 
}}
*def
*ghi
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|toggle     = right
|header     = deprecated_header_
|title      = title with toggle=right
|titlestyle = font-style:italic; padding-right:3em;
|border     = dashed
|bg1        = palegreen
|bg2        = cyan
|ta1        = left
|ta2        = center
|extra1     = font-size:120%
|extra2     = font-size:150%
}}
*make window narrower and
*title will wrap
{{hidden end}}
</pre>
|
{{hidden begin
|toggle     = right
|header     = deprecated_header_
|title      = title with toggle=right
|titlestyle = font-style:italic; padding-right:3em;
|border     = dashed
|bg1        = palegreen
|bg2        = cyan
|ta1        = left
|ta2        = center
|extra1     = font-size:120%
|extra2     = font-size:150%
}}
*make window narrower and
*title will wrap
{{hidden end}}

|- style="vertical-align:top;"
|width="50%"|
<pre style="font-size:95%; overflow:auto;">
{{hidden begin
|toggle     = right
|title      = title&nbsp;with&nbsp;non-breaking&nbsp;spaces
|titlestyle = 
|border     = dotted
|bg1        = cyan
|bg2        = yellow
|ta1        = right
|ta2        = left
|extra1     = font-size:120%; padding-right:2.5em;
|extra2     = font-size:150%; padding-left:3em;
}}
*def these should have left padding 
*ghi
{{hidden end}}
</pre>
|
{{hidden begin
|toggle     = right
|title      = title&nbsp;with&nbsp;non-breaking&nbsp;spaces
|titlestyle = 
|border     = dotted
|bg1        = cyan
|bg2        = yellow
|ta1        = right
|ta2        = left
|extra1     = font-size:120%; padding-right:2.5em;
|extra2     = font-size:150%; padding-left:3em;
}}
*def these should have left padding 
*ghi
{{hidden end}}
|}

== 関連項目 ==
*{{tl|Hidden}}
*{{tl|Collapsible list}}

<includeonly>{{Sandbox other||
[[Category:折りたたみ表示テンプレート|{{PAGENAME}}]]
}}</includeonly>