[SOLVED] Accordion does not work properley

1

The following is the code:

           <div class="tabs" style="padding:50px 0px 0px 5px">
                    <div id="tab-jxz" class="tab">
                        <div class="content-block">
                            <div class="list accordion-list">
                                <ul>
                                    <li class="accordion-item">
                                        <a href="" class="item-link item-content">
                                            <div class="item-inner">
                                                <div class="item-title">9801298012(顺丰)</div>
                                            </div>
                                        </a>
                                        <div class="accordion-item-content"><span style="font-size: 12px">样品份数：10           邮寄时间：2018-04-30</span></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

How to make it work rproper?

Screenshot_2018-04-24-16-59-40
Screenshot_2018-04-24-16-59-40.png1080×1920 68.4 KB

2

Which version of F7 do you use? I see your syntax is mix from v1 and v2. Use syntax for your version of F7:

v1 docs: http://v1.framework7.io/docs/accordion.html
v2 docs: http://framework7.io/docs/accordion.html

3

The version is V2. I write the code according v2 docs.

4

the accordion tag can’t work properly on Android device ?

5

From what i see there is no “content-block” in v2, so there is something wrong with it