Line 6: |
Line 6: |
| ==Parameters== | | ==Parameters== |
| *'''target''': property name for hidable elements, <code>toggle-target-'''target'''</code> will be used as a class and a local storage key; defaults to <code>default</code> | | *'''target''': property name for hidable elements, <code>toggle-target-'''target'''</code> will be used as a class and a local storage key; defaults to <code>default</code> |
− | *'''button''': set to add a toggle button | + | *'''button''': set to generate a toggle button |
| **'''default''': <code>hide</code> or <code>show</code>, to hide or show hidable content by default; defaults to <code>hide</code> | | **'''default''': <code>hide</code> or <code>show</code>, to hide or show hidable content by default; defaults to <code>hide</code> |
| **'''show_style''': button style when showing hidable content; defaults to <code>cursor:pointer;color:#006cb0;</code> | | **'''show_style''': button style when showing hidable content; defaults to <code>cursor:pointer;color:#006cb0;</code> |
Line 12: |
Line 12: |
| **'''show_text''': button text when showing hidable content; defaults to <code>Show details</code> | | **'''show_text''': button text when showing hidable content; defaults to <code>Show details</code> |
| **'''hide_text''': button text when not showing hidable content; defaults to <code>Show details</code> | | **'''hide_text''': button text when not showing hidable content; defaults to <code>Show details</code> |
− | *Without '''button''' a class for hidable element will be added | + | *Without '''button''' parameter a class for hidable element will be generated |
| **'''[[[1]]]''': hidable content in a <code>span</code> element | | **'''[[[1]]]''': hidable content in a <code>span</code> element |
| ==Examples== | | ==Examples== |
Line 25: |
Line 25: |
| <pre> | | <pre> |
| {{Detail|button=true|target=example-custom-property}} | | {{Detail|button=true|target=example-custom-property}} |
− | {{Detail||target=example-custom-target|Hidden content}} | + | {{Detail||target=example-custom-property|Hidden content}} |
| </pre> | | </pre> |
| {{Detail|button=true|target=example-custom-property}} | | {{Detail|button=true|target=example-custom-property}} |
− | {{Detail||target=example-custom-target|Hidden content}} | + | {{Detail||target=example-custom-property|Hidden content}} |
| ===Showing details by default=== | | ===Showing details by default=== |
| <pre> | | <pre> |
Line 49: |
Line 49: |
| {| class="wikitable" | | {| class="wikitable" |
| |Normal row | | |Normal row |
− | |...
| |
| |{{Detail|target=example-column}}|Hidden column | | |{{Detail|target=example-column}}|Hidden column |
| |- {{Detail|target=example-row}} | | |- {{Detail|target=example-row}} |
| |Hidable row | | |Hidable row |
− | |...
| |
| |{{Detail|target=example-column}}|Hidden column | | |{{Detail|target=example-column}}|Hidden column |
| |} | | |} |
Line 61: |
Line 59: |
| {| class="wikitable" | | {| class="wikitable" |
| |Normal row | | |Normal row |
− | |...
| |
| |{{Detail|target=example-column}}|Hidden column | | |{{Detail|target=example-column}}|Hidden column |
| |- {{Detail|target=example-row}} | | |- {{Detail|target=example-row}} |
| |Hidable row | | |Hidable row |
− | |...
| |
| |{{Detail|target=example-column}}|Hidden column | | |{{Detail|target=example-column}}|Hidden column |
| |} | | |} |
| </noinclude> | | </noinclude> |