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

... bit and then c

Solution 1:

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

//save statevar 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.

Share