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
Javascript (Usage) 
$(function () {
    var options; // Type:  wijmo.accordion.wijaccordion.options
     
    $(".selector").wijaccordion(options);
});
Javascript (Specification) 
function wijaccordion() : any;
Browser Compatibility
7
5
5
Options
 NameDescription
public Optionanimated

Default value: 'slide'

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

 
public Optiondisabled

Default value: false

Determines whether the widget behavior is disabled. If set to true, the control appears dimmed and does not respond when clicked.

 
public Optionduration

Default value: null

The animation duration in milliseconds.

 
public Optionevent

Default value: 'click'

Determines the event that triggers the accordion to change panes.

 
public OptionexpandDirection

Default value: 'bottom'

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

 
public Optionheader

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

Determines the selector for the header element.

 
public OptionrequireOpenedPane

Default value: true

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

 
public OptionselectedIndex

Default value: 0

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

 
Top
Methods
 NameDescription
public MethodactivateActivates the accordion content pane at the specified index.  
public MethoddestroyRemove the functionality completely. This will return the element back to its pre-init state.  
public MethodwidgetReturns a jQuery object containing the original element or other relevant generated element.  
Top
Events
 NameDescription
public EventbeforeSelectedIndexChangedOccurs before an active accordion pane change.  
public EventselectedIndexChangedOccurs when an active accordion pane changed.  
Top

See Also

Widgets

Accordion

Reference

wijaccordion jQuery Widget

 

 


© 2013 All Rights Reserved.

Send comments on this topic.