Wijmo UI for the Web
wijaccordion jQuery Widget
Create a menu UI with a series of content panes that display information one pane at a time.
Syntax
$(function () {
    var options; // Type:  wijmo.accordion.wijaccordion.options
     
    $(".selector").wijaccordion(options);
});
function wijaccordion() : any;
Options
 NameDescription
public Option

Default value: 'slide'

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

 
public Option

Default value: null

The animation duration in milliseconds.

 
public Option

Default value: 'click'

Determines the event that triggers the accordion to change panes.

 
public Option

Default value: 'bottom'

Determines the direction in which the content area of the control expands.

 
public Option

Default value: '> li > :first-child,> :not(li):even'

Determines the selector for the header element.

 
public Option

Default value: true

Determines whether clicking a header closes the current pane before opening the new one.

 
public Option

Default value: 0

Gets or sets the zero-based index of the accordion pane to show expanded initially.

 
Top
Methods
 NameDescription
public MethodActivates the accordion content pane at the specified index.  
public MethodRemove the functionality completely. This will return the element back to its pre-init state.  
public MethodRefresh the accordion.  
public MethodReturns a jQuery object containing the original element or other relevant generated element.  
Top
Events
 NameDescription
public EventOccurs before an active accordion pane change.  
public EventOccurs when an active accordion pane changed.  
Top
See Also

Widgets

Accordion

Reference

wijaccordion jQuery Widget