Hey,
i have an Accordion and want to change in the second area the steps. I use the normal jQuery function fade but it don’t work smooth on mobile devises. Faithfully i want to use the transition effect from jQuery Mobile slide but i don’t know how.
JavaScript:
- $('#step1').fadeOut(500);
- $('#step2').delay(500).fadeIn(500);
HTML:
- <div data-role="page" id="page1">
- <div data-role="content">
- <div data-role="collapsible-set" data-theme="b" data-content-theme="c">
- <div data-role="collapsible" data-collapsed="false">
- <h3>first</h3>
- ....
- </div>
- <div data-role="collapsible" data-collapsed="true">
- <h3>second</h3>
- <div id="step1">
- Part 1
- </div>
- <div id="step2">
- Part 2
- </div>
- <div id="step3">
- Part 3
- </div>
- </div>
- <div data-role="collapsible" data-collapsed="true">
- <h3>third</h3>
- ....
- </div>
- </div>
- </div>
- </div>
Please help me.