bootstrap Collapse data-parent=“#accordion” 无效的问题

解决bug的wilelm

已于 2024-01-30 14:14:12 修改

阅读量432

点赞数 8

文章标签： javascript jquery 前端 html5 html

于 2024-01-26 11:59:28 首次发布

本文链接：https://blog.csdn.net/Wilelm/article/details/135863020

版权

解决bootstrap Collapse data-parent=“#accordion” 无效的问题

原因对比了一下之前写的代码。是因为没有加

这个盒子，
标签上面最好套一个class="panel"的div

 <div class="list">
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div class="panel">
                                    <a class="faq_title" data-toggle="collapse" href="#faq2" data-parent="#accordion">
                                        What's your Port of Loading?
                                    </a>
                                    <div id="faq2" class="panel-collapse collapse " role="tabpanel">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    123
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <a class="faq_title" data-toggle="collapse" href="#faq_1">
                                        Where is your factory located? How do I visit there?
                                    </a>
                                    <div id="faq_1" class="panel-collapse collapse in" role="tabpanel"
                                        data-parent="#accordion">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    Our factory located in Guxiang Town,Chaozhou City,Guangdong
                                                    Province,China.About 30 mins from CHAOSHAN High Speed Rail
                                                    Station and 25 mins from JIEYANG airport within driving
                                                    distance.Please make a appointment with us in advance.
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <a class="faq_title" data-toggle="collapse" href="#faq_2" data-parent="#accordion">
                                        What's your MOQ?
                                    </a>
                                    <div id="faq_2" class="panel-collapse collapse" role="tabpanel">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    Our factory located in Guxiang Town,Chaozhou City,Guangdong
                                                    Province,China.About 30 mins from CHAOSHAN High Speed Rail
                                                    Station and 25 mins from JIEYANG airport within driving
                                                    distance.Please make a appointment with us in advance.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="faq_title" data-toggle="collapse" href="#faq_3" data-parent="#accordion">
                                        What's your lead time?
                                    </a>
                                    <div id="faq_3" class="panel-collapse collapse" role="tabpanel">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    Our factory located in Guxiang Town,Chaozhou City,Guangdong
                                                    Province,China.About 30 mins from CHAOSHAN High Speed Rail
                                                    Station and 25 mins from JIEYANG airport within driving
                                                    distance.Please make a appointment with us in advance.
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <a class="faq_title" data-toggle="collapse" href="#faq_4" data-parent="#accordion">
                                        What's your payment term?
                                    </a>
                                    <div id="faq_4" class="panel-collapse collapse" role="tabpanel">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    Our factory located in Guxiang Town,Chaozhou City,Guangdong
                                                    Province,China.About 30 mins from CHAOSHAN High Speed Rail
                                                    Station and 25 mins from JIEYANG airport within driving
                                                    distance.Please make a appointment with us in advance.
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <a class="faq_title" data-toggle="collapse" href="#faq_5" data-parent="#accordion">
                                        What's your Port of Loading?
                                    </a>
                                    <div id="faq_5" class="panel-collapse collapse" role="tabpanel">
                                        <div class="panel-body">
                                            <div class="media">
                                                <div class="media-body text_p2">
                                                    Our factory located in Guxiang Town,Chaozhou City,Guangdong
                                                    Province,China.About 30 mins from CHAOSHAN High Speed Rail
                                                    Station and 25 mins from JIEYANG airport within driving
                                                    distance.Please make a appointment with us in advance.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>