{"id":86,"date":"2023-08-25T17:42:14","date_gmt":"2023-08-25T17:42:14","guid":{"rendered":"\/\/api.jqueryui.com\/1.8\/?p=86"},"modified":"2023-08-25T17:42:14","modified_gmt":"2023-08-25T17:42:14","slug":"tabs","status":"publish","type":"post","link":"https:\/\/api.jqueryui.com\/1.8\/tabs\/","title":{"rendered":"Tabs Widget"},"content":{"rendered":"

\nTabs Widget<\/span>version added: 1.0<\/span>\n<\/h2>\n
\n

Description: <\/strong>A single content area with multiple panels, each associated with a header in a list.<\/p>\n

QuickNavExamples<\/a>\n<\/h2><\/header>
\n

Options<\/h3>\n
ajaxOptions<\/a><\/div>\n
cache<\/a><\/div>\n
collapsible<\/a><\/div>\n
cookie<\/a><\/div>\n
disabled<\/a><\/div>\n
event<\/a><\/div>\n
fx<\/a><\/div>\n
idPrefix<\/a><\/div>\n
panelTemplate<\/a><\/div>\n
selected<\/a><\/div>\n
spinner<\/a><\/div>\n
tabTemplate<\/a><\/div>\n<\/div>\n
\n

Methods<\/h3>\n
abort<\/a><\/div>\n
add<\/a><\/div>\n
destroy<\/a><\/div>\n
disable<\/a><\/div>\n
enable<\/a><\/div>\n
length<\/a><\/div>\n
load<\/a><\/div>\n
option<\/a><\/div>\n
remove<\/a><\/div>\n
rotate<\/a><\/div>\n
select<\/a><\/div>\n
url<\/a><\/div>\n
widget<\/a><\/div>\n<\/div>\n
\n

Events<\/h3>\n
add<\/a><\/div>\n
create<\/a><\/div>\n
disable<\/a><\/div>\n
enable<\/a><\/div>\n
load<\/a><\/div>\n
remove<\/a><\/div>\n
select<\/a><\/div>\n
show<\/a><\/div>\n<\/div><\/section>
\n\t\t

Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.<\/p>\n\n\t\t

The content for each tab panel can be defined in-page or can be loaded via Ajax; both are handled automatically based on the href<\/code> of the anchor associated with the tab. By default tabs are activated on click, but the events can be changed to hover via the event<\/code><\/a> option.<\/p>\n\t<\/div>\n

Additional Notes:<\/h3>\n