animated Field

Default value: 'slide'

Sets the animation easing effect that users experience when they switch between panes.

Syntax

Javascript (Usage)
var value; // Type: string value = jQuery.wijmo.wijaccordion.options.animated;

Javascript (Specification)
var animated : string;

Example

Javascript

//Create your own animation:
jQuery.wijmo.wijaccordion.animations.custom1 = function (options) {
    this.slide(options, {
    easing: options.down ? "easeOutBounce" : "swing",
    duration: options.down ? 1000 : 200
  });
}
 $("#accordion3").wijaccordion({
     expandDirection: "right",
     animated: "custom1"
 });

Remarks

Set this option to false in order to disable easing. This results in a plain, abrupt shift from one pane to the next. You can also create custom easing animations using jQuery UI Easings Options available for the animation function include: down - If true, indicates that the index of the pane should be expanded higher than the index of the pane that must be collapsed. horizontal - If true, indicates that the accordion have a horizontal orientation (when the expandDirection is left or right). rightToLeft - If true, indicates that the content element is located before the header element (top and left expand direction). toShow - jQuery object that contains the content element(s) should be shown. toHide - jQuery object that contains the content element(s) should be hidden.

Browser Compatibility

See Also

Reference