Plugin Fade
Use this wiki plugin, introduced with Tiki3, to create a link that shows/hides initially hidden content using a fade-in/fade-out effect. In Tiki16 a new parameter bootstrap ('y' or 'n') was added, to generate bootstrap collapsible box instead of the previous html code.
Parameters
Create a link that shows/hides initially hidden contentIntroduced in Tiki 3. Required parameters are in
bold.Go to the source code
Preferences required: wikiplugin_fade
| Parameters | Accepted Values | Description | Default | Since |
|---|---|---|---|---|
| (body of plugin) | Content of the hideable zone (in Wiki syntax) | |||
label |
text | Label for link that shows and hides the content when clicked | Unspecified label | 3.0 |
class |
text | Apply custom CSS class. | 16.0 | |
icon |
(blank) y n |
Arrow icon showing that content can be hidden or shown. | 7.0 | |
bootstrap |
(blank) y n |
Use Bootstrap collapsible box | n | 16.0 |
hide_speed |
Speed of animation in milliseconds when hiding content (200 is fast and
600 is slow. 1000 equals 1 second). |
400 | 7.0 | |
show_speed |
Speed of animation in milliseconds when showing content (200 is fast and
600 is slow. 1000 equals 1 second). |
400 | 7.0 |
Examples
Basic
This code:
Copy to clipboard
{FADE(label="Label to display on first display", bootstrap="y")} Wiki syntax containing the text to display. This text can be very long and can contain wiki syntax, images, etc. {FADE}
Would produce:
Wiki syntax containing the text to display. This text can be very long and can contain wiki syntax, images, etc.
With Icon and Speed Parameters Set
This code:
Copy to clipboard
{FADE(label="Click me!" icon="y" show_speed="900" hide_speed="fast" bootstrap="y")} This is my favorite hat: {img attId=39} {FADE}
Would produce on this site:
This is my favorite hat: