bootstrap3和4中 手風(fēng)琴data-parent失效

手風(fēng)琴（折疊菜單失效），點(diǎn)擊展開項的時候其他折疊項不收起。我在bootstrap3API看的是這個是受data-parent影響的，但我反復(fù)觀察了demo發(fā)現(xiàn)我寫的并沒問題。去百度了一發(fā)兩個解決辦法也沒看明白，求指點(diǎn)??！

            <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>