jqm change position of collapsible

Question

I just want to change the position of collapsible col2 before collapsiblecol1. Finally the order should be: 1.col2 2.col1 3.col3

<div data-role="content">
    <div id="List" data-role="collapsible-set">
        <div data-role="collapsible" data-content-theme="c" id="col1">
            <h3>Header 1</h3>
            <p>Text 1</p>
        </div>
        <div data-role="collapsible" data-content-theme="c" id="col2">
            <h3>Header 2</h3>    
            <p>Text 2</p>
        </div>
        <div data-role="collapsible" data-content-theme="c" id="col3">
            <h3>Header 3</h3>    
            <p>Text 3</p>
        </div>
    </div>
</div>

You should tell in your question what have you tried so far. I think you could use this to move and then refresh the collapsible $('#col1').after($('#col2')); $('#List').collapsible('refresh') — sergioFC, Oct 23 '14 at 09:54

sergioFC · Accepted Answer · 2014-10-27T14:54:40.097

1

You should move the collapsible and then call refresh:

$('#col1').after($('#col2')); // Move the node
$('#List').collapsibleset('refresh'); // Refresh the collapsible set

Edited: the 'refresh' method should be called in the collapsibleset plugin (not on the collapsible plugin). -Thanks Omar for the correction.

edited Oct 27 '14 at 14:54

answered Oct 23 '14 at 13:50

sergioFC

5,926
3
40
54

1

`.collapsibleset('refresh')` – Omar Oct 27 '14 at 13:55

jqm change position of collapsible

1 Answers1