jquery-ui accordion: adding rows without destroying and recreating?

I have a jquery accordion which I want to add rows to. I can accomplish this by calling .accordion("destroy"), adding the needed <h3></h3><div>... bit and then calling .accordion() again, but this destroys the state 开发者_开发技巧and closes any dividers which are open.

Is it possible to add rows to the accordion without destroy and recreating it?

---

No it is not possible. jQuery should add an "add" method to accordion like they have for tabs:

//save state
var state = $("#accordion").accordion( "option", "active" );
//add accordion item, destroy then re-create
$("#accordion").append("<h3></h3><div/>").accordion("destroy").accordion();
//set state
$("#accordion").accordion( "option", "active", state );

Wrap it in a nice method, extend accordion, submit a patch, etc. I didn't test this but it should work. You might have to adjust the state value if the tab was inserted before the active accordion item, instead of appended to the end.