I am using responsive designs to design visualforce pages for Salesforce1 platform. in a page, i have a table, for this i used html with Data-role as "Collapsible". i am getting the results correctly when the page loaded initially. I have a button on the page, that modifies the table results (here i am re-rendering the table after action completes), but after the page re-rendered i am no longer seeing the collapsible design on the visualforce page which previously had appeared. instead normal table appearing.
i have included jquery mobile libraries this.
<div data-role="collapsibleset" id="set"> <div data-role='collapsible' id='panel5' class='selector' > <h3>The Line Items</h3> ****<table style="display : Block; border-top: 1px solid #d6d6d6;" data-role="table" data-mode="columntoggle" data-column-btn-text="Click me to hide or shown columns!" class="ui-responsive" id="lineItemsTable">**** . .*/*action method that call apex method and returns back to the page*/* . </table>
suggest me how shall i retain the collapsible design after the page re-rendered.