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
Introduced in Tiki 3. Required parameters are inbold.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 |
Integer greater than 0 and less than or equal to 1000, or fast or slow |
Speed of animation in milliseconds when hiding content (200 is fast and
600 is slow. 1000 equals 1 second). |
400 | 7.0 |
show_speed |
Integer greater than 0 and less than or equal to 1000, or fast or slow |
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:
;){kind=link}