Loading...
 

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:
Image

Related pages