3,554
edits
Template:Hide: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
Improved the show all/hide all button.
mNo edit summary |
(Improved the show all/hide all button.) |
||
| Line 3: | Line 3: | ||
|~button=<span class="_togglegroup _toggle_initshow _toggle _toggler toggle-visible" style="display:none; {{{style|{{{showstyle|}}}}}}">{{{show|[show]}}}</span><span class="_toggle_inithide _toggle _toggler toggle-hidden" style="display:none; {{{style|{{{hidestyle|}}}}}}">{{{hide|[hide]}}}</span> | |~button=<span class="_togglegroup _toggle_initshow _toggle _toggler toggle-visible" style="display:none; {{{style|{{{showstyle|}}}}}}">{{{show|[show]}}}</span><span class="_toggle_inithide _toggle _toggler toggle-hidden" style="display:none; {{{style|{{{hidestyle|}}}}}}">{{{hide|[hide]}}}</span> | ||
|~content=<div class="_toggle_inithide _toggle toggle-hidden" style="{{{style|{{{3|}}}}}}">{{{content|{{{2|}}}}}}</div> | |~content=<div class="_toggle_inithide _toggle toggle-hidden" style="{{{style|{{{3|}}}}}}">{{{content|{{{2|}}}}}}</div> | ||
|~ | |~all=<span class="_toggler_show-toggle-hidden _toggler_hide-toggle-visible _toggler-hideall _toggler-showall showall" style="{{{showstyle|}}}">{{{showtext|[show all]}}}</span><span class="_toggler_hide-toggle-hidden _toggler_show-toggle-visible _toggler-showall _toggler-hideall hideall" style="display:none; {{{hidestyle|}}}">{{{hidetext|[hide all]}}}</span> | ||
}}<noinclude> | }}<noinclude> | ||
==Purpose== | ==Purpose== | ||
| Line 36: | Line 35: | ||
{{clear}} | {{clear}} | ||
==== | ====Show All and Hide All==== | ||
There | There is a special button available that can affect all instances of the hide template on a page. It will open all instances of the hide template on the page, clicking it again will hide all of them. | ||
To use the button, you can just use: | |||
{{Desc|Normal|~all}} | |||
{{Desc|Normal|~ | For more advanced handling, the following is available | ||
<div style="float:left; margin-right:20px"><pre> | |||
{{Parameter| | {{Hide|~all|showtext=|showstyle=|hidetext=|hidestyle=}}</pre></div> | ||
{{Parameter| | {{Parameter|showtext|Text text displayed for the show all version of the button.|Optional|[show all]}} | ||
{{Parameter|showstyle|Any styling options to apply to the show all version of the button if desired.|Optional}} | |||
{{Parameter|hidetext|The text to show for the button to hide all the content again.|Optional|[hide all]}} | |||
{{Parameter|hidestyle|Any styling options to apply to the hide all version of the button if desired.|Optional}} | |||
{{Parameter| | |||
{{Parameter| | |||
{{clear}} | {{clear}} | ||
| Line 95: | Line 91: | ||
Basic show all and hide all buttons: | Basic show all and hide all buttons: | ||
<div style="float:left; margin-right:20px"><pre> | <div style="float:left; margin-right:20px"><pre> | ||
{{hide|~ | {{hide|~all}} | ||
</pre></div>{{clear}} | </pre></div>{{clear}} | ||
This results in: | This results in: | ||
:{{hide|~ | :{{hide|~all}} | ||
{{clear}} | {{clear}} | ||
{{Cat|Formatting Templates}}</noinclude> | {{Cat|Formatting Templates}}</noinclude> | ||