widget:slide-down

Description

The toggle panes directive

Usage

as attribute
<ANY widget-slide-down
     [duration="{string}"]
     [easing="{string}"]
     [closed="{boolean}"]
     [height="{Number}"]
     [response="{Object}"]>
   ...
</ANY>
as class
<ANY class="widget-slide-down [duration: {string};] [easing: {string};] [closed: {boolean};] [height: {Number};] [response: {Object};]">
   ...
</ANY>

Directive info

  • This directive creates new scope.

Parameters

Param Type Details
duration
(optional)
 string

Duration of the animation. Default 0.3 (seconds)
easing
(optional)
 string

CSS timing function i.e. ease-out
closed
(optional)
 boolean

Starts the slidable element off as open
height
(optional)
 Number

Set the height of the opened panel. Useful if the content is synamically loaded.
response
(optional)
 Object

Wait for a response before calculating the height and check for updates

Example

Source









Demo