problem with changing collapsible icons
I'm using jquery 1.8.3 and jquery Mobile 1.3.0 and i have a problem changing icons of collapsible button. i can do it only once :-/ after it's stuck to the second set of icons i assigned.
For example i have a collapsible set.
- <div id="ui_form_pa" data-role="collapsible-set" data-inset="false">
- <div data-role="collapsible" id="grp_newpa_cat" data-collapsed="false" data-collapsed-icon="circle-blank" data-expanded-icon="circle">
- some wall of text....
- </div>
- </div>
- <a data-role="button" href="#" id="btn_change">
- Change icons 1
- </a>
- <a data-role="button" href="#" id="btn_change2">
- Change icons 2
- </a>
then in javascript in the pageinit:
- $("#btn_change").click(function(){
- $("#grp_newpa_cat").collapsible({ collapsedIcon: "ok-circle", expandedIcon: "ok-circle" });
- });
- $("#btn_change2").click(function(){
- $("#grp_newpa_cat").collapsible({ collapsedIcon: "circle-blank", expandedIcon: "circle" });
- });
You can change icons only one time.
What am i doing wrong ?