mbr_jdelay

Usage

This shortcode applies a jQuery “animation” against an existing CSS ID or one created automatically.

It enables the timed/delayed fading in and out of CSS elements.

Important

Please note that the closing shortcode tag [/mbr_jdelay] is necessary if the shortcode is used more than once within a page or post.

Parameters

Parameters	Description
id	Name of an existing CSS ID to which the shortcode should be applied. If not specified, one will be created automatically. Default: none. Required: no.
fade_out	Determines whether the element will initially be displayed or not. If not specified, 0 is assumed and initial display will be suppressed. Any value higher than 0 will display the element for that many seconds before applying the remaining actions.Default: 0 Required: no.
delay_show	The delay in seconds until the element will be shown. Default: 0. Required: no.
fade_show	The gradual opacity steps in seconds until the element will be fully visible. Default: 0. Required: no.
delay_hide	The delay in seconds until the element will be hidden. Default: 0. Required: no.
fade_hide	The gradual opacity steps in seconds until the element will be fully invisible. Default: 0. Required: no.

Validity

This shortcode is evaluated for any type of visitor.

Conditional Branching

This shortcode does NOT support conditional branching with [ELSE_jdelay].

Nesting

Shortcode nesting is NOT supported.

Examples

Example 1

Displays "My message" immediately the visitor lands on the page and hides it 5 seconds later:

[mbr_jdelay fade_out='5']
My message
[/mbr_jdelay]

Example 2

Displays "My message" after 5 seconds of the visitor landing on the page and hides t 5 seconds later:

[mbr_jdelay delay_show='5' delay_hide='5']
My message
[/mbr_jdelay]

Example 3

Displays the HTML tag with CSS ID test immediately the visitor lands on the page and hides it 5 seconds later:

[mbr_jdelay id='test' fade_out='5']
[/mbr_jdelay]

API

info

There is currently no ActiveMember360 API function equivalent for this shortcode.