Php 引导折叠按钮。当另一个按钮打开时关闭按钮

我对引导有问题。什么都试过了，还没有运气。我的问题是，当我单击按钮时，它会很好地折叠，但当我单击另一个按钮时，它也会打开，但第一个按钮不会关闭。当另一个打开时，我需要关闭按钮。 这里是jsbin： 下面是代码：

<div class="container">
<div class="panel panel-success" style="padding-bottom:0px; margin-top:15px;">
                    <div class="panel-heading"><font size='3'><i><?php echo'Sveikas(-a) atvykęs(-usi), '.$vardas; ?></i></font></div>
                    <div class="panel-body">
                    <b>Pasirinkite Paslaugą:</b>
                    <div class="button-group" id="accordion" aria-multiselectable="false">
                        <button type="button" class="btn btn-success btn-lg btn-block" aria-pressed="true" data-toggle="collapse" data-target="#collapseOne" data-parent="#accordion" aria-expanded="false" aria-controls="collapseOne" style="margin-bottom: 10px; margin-top:5px;"><img src="img/vip.png" align="left"><b>VIP</b><img src="img/vip.png" align="right"></button>
                        <div class="btn-collapse collapse" id="collapseOne">
                            <div class="well">
                                Norėdami užsisakyti VIP ant nick: <br>
                                Siųskite žinutę <span class="label label-danger">VIP <?php echo $vardas ?></span> numeriu <span class="label label-danger">1398</span><br>Kaina: <span class="label label-success">1 EUR</span><br></font>


                        </div>
                                </div>


                        <button type="button" class="btn btn-warning btn-lg btn-block" aria-pressed="true" data-toggle="collapse" data-target="#collapseTwo" data-parent="#accordion" aria-expanded="false" aria-controls="collapseTwo" style="margin-bottom: 10px;"><img src="img/Bronze.png" align="left"><b>BronzeVIP</b><img src="img/Bronze.png" align="right"></button>
                        <div class="btn-collapse collapse" id="collapseTwo">
                            <div class="well">
                                Norėdami užsisakyti BronzeVIP ant nick: <br>
                                Siųskite žinutę <span class="label label-danger">VIP <?php echo $vardas ?></span> numeriu <span class="label label-danger">1398</span><br>Kaina: <span class="label label-success">1 EUR</span><br></font>


                            </div>
                        </div>
                        </div>

帕西林凯特·帕斯劳格：
贵宾
诺达米·乌ž西萨基蒂VIP蚂蚁尼克：

SiųskitežinutęVIP号码1398
Kaina:1欧元

青铜色
诺尔·达米·西萨基蒂·勃朗泽维普·尼克：

SiųskitežinutęVIP号码1398
Kaina:1欧元

---

不要介意在这些按钮中写入任何文本。

将您的

按钮+btn collpase

包装在

中。您可能需要添加一些CSS。：）谢谢你的回答，是的，它就像一个迷人的布尤，但我如何改变不需要的丑陋的面板背景？你能帮我吗？再次感谢您，是否有任何方法不包括或更改它，以使其不会与整个面板交互？事实上，我认为如果您只保留

面板

类，并删除

面板默认值

，那么您就没有边框了。如果它不能正常工作，只需在该div上添加另一个用于CSS的类，这样您就可以覆盖Bootstrap的CSS规则。再次感谢您！你已经解决了我的问题。小组课做得很完美。再次感谢！