jQuery UI Accordion Widget Complete Reference Last Updated : 23 Jul, 2025 Comments Improve Suggest changes Like Article Like Report The jQuery UI Accordion widget is used to perform a pair of headers and content panels into an accordion. There are lots of options, methods and events are available in this widget, all of them are listed and categorized below. jQuery UI Accordion Widget Options: jQuery UI Accordion active OptionjQuery UI Accordion animate OptionjQuery UI Accordion classes OptionjQuery UI Accordion collapsible OptionjQuery UI Accordion disabled OptionjQuery UI Accordion event OptionjQuery UI Accordion header OptionjQuery UI Accordion heightStyle OptionjQuery UI Accordion icons Option jQuery UI Accordion Widget Methods: jQuery UI Accordion destroy() MethodjQuery UI Accordion disable() MethodjQuery UI Accordion enable() MethodjQuery UI Accordion instance() MethodjQuery UI Accordion option() MethodjQuery UI Accordion refresh() MethodjQuery UI Accordion widget() Method jQuery UI Accordion Widget Events: jQuery UI Accordion activate EventjQuery UI Accordion beforeActivate EventjQuery UI Accordion create Event Comment More info K kartik Follow Improve Article Tags : Web Technologies JQuery jQuery-UI Explore jQuery Tutorial 8 min read Getting Started with jQuery 4 min read jQuery Introduction 7 min read jQuery Syntax 2 min read jQuery CDN 4 min read jQuery SelectorsJQuery Selectors 5 min read jQuery * Selector 1 min read jQuery #id Selector 1 min read jQuery .class Selector 1 min read jQuery EventsjQuery Events 4 min read jQuery bind() Method 2 min read jQuery blur() Method 1 min read jQuery change() Method 2 min read jQuery EffectsjQuery animate() Method 2 min read jQuery clearQueue() Method 2 min read jQuery delay() Method 2 min read jQuery HTML/CSSjQuery addClass() Method 2 min read jQuery after() Method 1 min read jQuery append() Method 2 min read jQuery TraversingjQuery | Traversing 4 min read jQuery add() method 1 min read jQuery addBack() Method 2 min read Like