Accordion: ability to add/remove panels

[wichert]

It would be practical to be able to add items to an accordion. Currently you have to destroy and recreate the accordion, which is not very convenient.

[Scott González]

We should look into how this is currently handled in other plugins, like tabs, and how it could be handled in any other plugins where adding/removing items would be useful.

[mrfr0g]

I needed this functionality for a project I'm working on, so I extended the base widget. I'm sure that this could be done more efficiently/better, but it works for my purposes.

New Method: add(el)
Parameter Type: jQuery object, or HTML Collection
New Option: autoActivate - Boolean - Set to true to auto activate the newly added node

​http://www.e-d20.com/jquery/ui/jquery.ui.accordion.custom.js

Requirements: jquery-1.4.2, jquery-ui-1.8.2

Installation: Include the jquery.ui.accordion.custom.js in your page, after you have included jquery.ui.

Usage:

$("#accordion").accordion({

autoActivate: true

}) .accordion("add", $("<h3>New Node</h3><div><p>Content</p></div>"));

[Jörn Zaefferer]

Add a refresh-method, similar to menu (unlike tabs, thats fine).

[TheDoci]

@scott.gonzalez Unfortunately this code is a little buggy when we use sortable accordions :

1. First, the added accordion is always placed at bottom of the existing accordions.
2. Then, after some sortings in the accordion's list, it bugs : it selects 2 or more accordions when sorting them, and we cannot place an element on top.

You can find a demo here : ​http://jsfiddle.net/a6rCu/

[petersendidit]

Pull request: ​https://github.com/jquery/jquery-ui/pull/793

[David Petersen]

Accordion: Enhance refresh to allow adding/removing panels. Fixes #4672 - Accordion: ability to add/remove panels

Changeset: d657538ed57a96b610853d69e9fbf559c5ae230f