Accordion Widget mario games | jQuery UI API Documentation
jQuery jQuery UI jQuery Mobile Sizzle mario games QUnit Plugins Contribute CLA Style Guides Bug Triage Code Documentation Web Sites Events Jun 17-19 | jQuery Virtual Training Sep 12-13 | jQuery Chicago Oct 13-15 | CSS Dev Conf 2014 Support Learning Center Try jQuery IRC/Chat Forums Stack Overflow Commercial Support jQuery Foundation Join Members Team Brand Guide Donate mario games
The markup of your accordion container needs pairs of headers and content panels:
When focus is on a header, the following key commands are available: UP / LEFT : Move focus to the previous header. If on first header, moves focus to last header. DOWN / RIGHT : Move focus to the next header. If on last header, moves focus to first header. HOME : Move focus to the first header. END : Move focus to the last header. SPACE / ENTER : Activate panel associated with focused mario games header.
The accordion widget uses the jQuery UI CSS framework to style its look and feel. If accordion specific styling is needed, the following CSS class names can be used: ui-accordion : The outer container of the accordion. ui-accordion-header : The headers of the accordion. The headers will additionally have a ui-accordion-icons class if they contain icons . ui-accordion-content : The content panels of the accordion. Dependencies UI Core Widget mario games Factory Effects Core (optional; for use with the animate option) Additional Notes:
Default: 0 Which panel is currently open. Multiple types supported: Boolean : Setting active to false will collapse mario games all panels. This requires the collapsible option to be true . Integer : The zero-based index of the panel that is active (open). A negative value selects panels going backward from the last panel. Code examples:
// getter
Default: {} If and how to animate changing panels. Multiple mario games types supported: Boolean : A value of false will disable animations. Number : Duration in milliseconds with default easing. String : Name of easing to use with default duration. Object : Animation settings with easing and duration properties. Can also contain a down property with any of the above options. mario games "Down" animations occur when the panel being activated has a lower index than the currently active panel. Code examples:
collapsible Type: Boolean
Default: false Disables the accordion if set to true . Code examples:
Initialize the accordion with the event option specified:
Initialize the accordion with the header option specified:
Controls the height mario games of the accordion and each panel. Possible values: "auto" : All panels will be set to the height of the tallest panel. "fill" : Expand to the available height based on the accordion's parent height. "content" : Each panel will be only as tall as its content. Code examples:
Icons to use for headers, matching an icon provided by the jQuery UI CSS Framework . Set to false to have no icons displayed. header (string, default: "ui-icon-triangle-1-e") activeHeader (string, default: "ui-icon-triangle-1-s") mario games Code examples:
Invoke the destroy method:
This method does not accept any arguments. Code examples:
option( optionName, value ) Returns: mario games jQuery ( plugin only ) Sets the value of the accordion option mario games associated with the specified optionName . optionName Type: String The name of the option to set. value Type: Object A value to set for the option. mario games Code examples:
refresh() Returns: jQuery ( plugin only ) Process any headers and panels that were added or removed directly in the DOM and recompute the height of the accordion panels. Results depend on the content and the heightStyle option.
activate( event, ui ) Type: accordionactivate
Triggered after a panel has been activated (after animation completes). If the accordion was previously collapsed, ui.oldHeader and ui.oldPanel will be empty jQuery objects. If the accordion is collapsing, ui.newHeader and ui.newPanel will be empty jQuery objects.
Note: Since the activate event is only fired on panel activation, it is not fired for the initial panel when the accordion widget is created. If you need a hook for widget creation use the create event. event Type: Event ui Type: Object newHeader mario games Type: jQuery mario games The header that was just activated. oldHeader Type: jQuery The header that was just deactivated. newPanel mario games Type: jQuery The panel that was just activated. oldPanel Type: jQuery The panel that was just deactivated. Code examples:
beforeActivate( event, ui ) Type: accordionbeforeactivate Triggered directly mario games before a panel is activated. Can be canceled to prevent the panel from activating. If the accordion is currently collapsed, ui.oldHeader and ui.oldPanel will be empty jQuery objects. If the accordion is collapsing, ui.newHeader and ui.newPanel will be empty jQuery objects. event Type: Event ui Type: Object newHeader Type: jQuery The header that is about to be activated. mario games oldHeader Type: jQuery The header that is about to be deactivated. newPanel Typ
jQuery jQuery UI jQuery Mobile Sizzle mario games QUnit Plugins Contribute CLA Style Guides Bug Triage Code Documentation Web Sites Events Jun 17-19 | jQuery Virtual Training Sep 12-13 | jQuery Chicago Oct 13-15 | CSS Dev Conf 2014 Support Learning Center Try jQuery IRC/Chat Forums Stack Overflow Commercial Support jQuery Foundation Join Members Team Brand Guide Donate mario games
The markup of your accordion container needs pairs of headers and content panels:
When focus is on a header, the following key commands are available: UP / LEFT : Move focus to the previous header. If on first header, moves focus to last header. DOWN / RIGHT : Move focus to the next header. If on last header, moves focus to first header. HOME : Move focus to the first header. END : Move focus to the last header. SPACE / ENTER : Activate panel associated with focused mario games header.
The accordion widget uses the jQuery UI CSS framework to style its look and feel. If accordion specific styling is needed, the following CSS class names can be used: ui-accordion : The outer container of the accordion. ui-accordion-header : The headers of the accordion. The headers will additionally have a ui-accordion-icons class if they contain icons . ui-accordion-content : The content panels of the accordion. Dependencies UI Core Widget mario games Factory Effects Core (optional; for use with the animate option) Additional Notes:
Default: 0 Which panel is currently open. Multiple types supported: Boolean : Setting active to false will collapse mario games all panels. This requires the collapsible option to be true . Integer : The zero-based index of the panel that is active (open). A negative value selects panels going backward from the last panel. Code examples:
// getter
Default: {} If and how to animate changing panels. Multiple mario games types supported: Boolean : A value of false will disable animations. Number : Duration in milliseconds with default easing. String : Name of easing to use with default duration. Object : Animation settings with easing and duration properties. Can also contain a down property with any of the above options. mario games "Down" animations occur when the panel being activated has a lower index than the currently active panel. Code examples:
collapsible Type: Boolean
Default: false Disables the accordion if set to true . Code examples:
Initialize the accordion with the event option specified:
Initialize the accordion with the header option specified:
Controls the height mario games of the accordion and each panel. Possible values: "auto" : All panels will be set to the height of the tallest panel. "fill" : Expand to the available height based on the accordion's parent height. "content" : Each panel will be only as tall as its content. Code examples:
Icons to use for headers, matching an icon provided by the jQuery UI CSS Framework . Set to false to have no icons displayed. header (string, default: "ui-icon-triangle-1-e") activeHeader (string, default: "ui-icon-triangle-1-s") mario games Code examples:
Invoke the destroy method:
This method does not accept any arguments. Code examples:
option( optionName, value ) Returns: mario games jQuery ( plugin only ) Sets the value of the accordion option mario games associated with the specified optionName . optionName Type: String The name of the option to set. value Type: Object A value to set for the option. mario games Code examples:
refresh() Returns: jQuery ( plugin only ) Process any headers and panels that were added or removed directly in the DOM and recompute the height of the accordion panels. Results depend on the content and the heightStyle option.
activate( event, ui ) Type: accordionactivate
Triggered after a panel has been activated (after animation completes). If the accordion was previously collapsed, ui.oldHeader and ui.oldPanel will be empty jQuery objects. If the accordion is collapsing, ui.newHeader and ui.newPanel will be empty jQuery objects.
Note: Since the activate event is only fired on panel activation, it is not fired for the initial panel when the accordion widget is created. If you need a hook for widget creation use the create event. event Type: Event ui Type: Object newHeader mario games Type: jQuery mario games The header that was just activated. oldHeader Type: jQuery The header that was just deactivated. newPanel mario games Type: jQuery The panel that was just activated. oldPanel Type: jQuery The panel that was just deactivated. Code examples:
beforeActivate( event, ui ) Type: accordionbeforeactivate Triggered directly mario games before a panel is activated. Can be canceled to prevent the panel from activating. If the accordion is currently collapsed, ui.oldHeader and ui.oldPanel will be empty jQuery objects. If the accordion is collapsing, ui.newHeader and ui.newPanel will be empty jQuery objects. event Type: Event ui Type: Object newHeader Type: jQuery The header that is about to be activated. mario games oldHeader Type: jQuery The header that is about to be deactivated. newPanel Typ
No comments:
Post a Comment