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 content
Introduced 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:

Label to display on first display

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:

Click me!

This is my favorite hat:

Related pages
PluginMouseover

Plugin Fade

Parameters

Examples

Basic

With Icon and Speed Parameters Set

Related pages