Due to the way of how accordions are laid out, I think in order to sort them, the best way to go about it is to change the id, unsafe as that sounds.
This is what one of my accordions look like.
- <table style="background: none repeat scroll 0% 0% rgb(186, 218, 85); display: none;" tabindex="-1" aria-selected="false" aria-controls="ui-accordion-accordion1-panel-2" id="ui-accordion-accordion1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><tbody><tr><td>... Yadayada, content. End table tags.
My problem is that for some reason the ids revert to 0 or don't show any change at all.
- function pagination() {
- for (var i = 0; i < $("table").length ; ++i) {
- var k = 200 + i;
- var j = 100 + i;
- if ($("#ui-accordion-accordion1-header-" + i).css("display") == "none") {
- $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + j);
- $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + j);
- $("#accordion1").append($("#ui-accordion-accordion1-header-" + j));
- $("#accordion1").append($("#ui-accordion-accordion1-panel-" + j));
- } else {/*
- k += 1;
- $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + k);
- $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + k);*/
- }
I'm using the ids to sort it out.