bootstrap3和4中 手风琴data-parent失效

Question

手风琴（折叠菜单失效），点击展开项的时候其他折叠项不收起。我在bootstrap3API看的是这个是受data-parent影响的，但我反复观察了demo发现我写的并没问题。去百度了一发两个解决办法也没看明白，求指点啊！

            <div id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                测试
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <ul>
                            <li>
                                <a href="#">测试</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" >
                                测试
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <ul>
                            <li>
                                <a href="#">测试</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div> 

Answer 1

我也踩坑了，我的问题在版本上。
v3 data-parent="#accordion" 在 a 标签内，
v4 data-parent="#accordion" 在折叠内容父标签内。