Tabbing

Tabs Widget parameters

Default: 0

Which panel is currently open.

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:

Initialize the tabs with the active option specified:

            
                            $( ".selector" ).tabs({ active: 1 });

Default: false

Which tabs are disabled.

Array: An array containing the zero-based indexes of the tabs that should be disabled, e.g., [ 0, 2 ] would disable the first and third tab.

Code examples:

Initialize the tabs with the disabled option specified:

            
                            $( ".selector" ).tabs({ disabled: [ 0, 2 ] });

Default: "click"

The type of event that the tabs should react to in order to activate the tab. To activate on hover, use "mouseover".

Code examples:

Initialize the tabs with the openEvent option specified:

            
                            $( ".selector" ).tabs({ openEvent: "mouseover" });

Default: "content"

Controls the height of the tabs widget and each panel. Possible values:

Code examples:

Initialize the tabs with the heightStyle option specified:

            
                            $( ".selector" ).tabs({ heightStyle: "fill" });