How To
Documentation
    Learn More

      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

      ParamTypeDetails
      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 dynamically loaded.

      response
      (optional)
      Object

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

      Example

      Source

      
      
      

      Demo