jQuery UI Accordion. The event that accordion headers will react to in order to activate the associated panel. You can further simplify it by using JQuery “.accordion()” function. JqueryUI - Accordion - Accordion Widget in jQueryUI is a jQuery based expandable and collapsible content holder that is broken into sections and probably looks like tabs. See the header option for information on how to use custom markup structures. This method does not accept any arguments. Accordions can be very useful for showing lots of different sections of data in a small amount of space. The panels can be activated programmatically by setting the active option. The header that is about to be deactivated. We also add another inner shadow but this shadow will appear at the top, so it will look like the header’s shadow. Simple Accordion with CSS and JavaScript / jQuery Yet anther simple and lightweight (near about 2KB) accordion plugin to toggle contents. Initialize the accordion with the icons option specified: Get or set the icons option, after initialization: Retrieves the accordion's instance object. Collapsible sets start with the same markup as individual collapsibles which has a heading followed by the collapsible content. Show SharePoint list view data in accordion view using jslink Let’s get started to display the SharePoint list … Possible values: Initialize the accordion with the heightStyle option specified: Get or set the heightStyle option, after initialization: Icons to use for headers, matching an icon provided by the jQuery UI CSS Framework. We will have five random sections of web-related topics for the accordion’s content, such as HTML5, CSS3, Sass, Dreamweaver and jQuery. It starts out as a simple table of contents with descriptions and title holders inside. Further Reading: Reviewing Styles Priority. This was a bit more complicated to figure out but essentially what I wanted to do for work was to list out courses and upon clicking the link it navigated to an accordion style page that opened the correct corresponding accordion: