Twitter bootstrap 基于选定按钮折叠按钮

我有一组3个按钮（使用引导）。它们按预期的方式展开，但我正试图找出在选择其他按钮之一时如何折叠它们。在任何给定的时间，基本上只有一个按钮（及其对应的部分）应该打开

    <div class="row">
    <div class="col-md-7 col-lg-7 col-xl-7 col-sm-7 col-xs-9">
        <div class="well well-filter col-md-7 col-lg-5 col-xl-5 col-sm-7 col-xs-9">
            <div class="form-group">

                <button href="#All" class="btn btn-primary btn-block active" data-toggle="collapse">All Loans</button>

                <button href="#Submitted" class="btn btn-primary btn-block active" data-toggle="collapse">Date Submitted</button>
                <div id="Submitted" class="collapse">
                    <div class="form-group">
                        <label class="control-label col-sm-5 col-lg-5 col-md-5" for="submitted">Beginning Date:</label>
                        <div class="col-sm-7 col-lg-7 col-md-7">
                            <input type="date" class="form-control" id="submit-beg-date" placeholder="Beginning Date">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-5 col-lg-5 col-md-5" for="submitted">Ending Date:</label>
                        <div class="col-sm-7 col-lg-7 col-md-7">
                            <input type="date" class="form-control" id="submit-end-date" placeholder="End Date">
                        </div>
                    </div>
                </div>

                <button href="#Funded" class="btn btn-primary btn-block active" data-toggle="collapse">Date Funded</button>
                <div id="Funded" class="collapse">
                    <div class="form-group">
                        <label class="control-label col-sm-5 col-lg-5 col-md-5" for="funded">Beginning Date:</label>
                        <div class="col-sm-7 col-lg-7 col-md-7">
                            <input type="date" class="form-control" id="funded-beg-date" placeholder="Beginning Date">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-sm-5 col-lg-5 col-md-5" for="funded">Ending Date:</label>
                        <div class="col-sm-7 col-lg-7 col-md-7">
                            <input type="date" class="form-control" id="funded-end-date" placeholder="End Date">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

所有贷款
提交日期
开始日期：
截止日期：
资助日期
开始日期：
截止日期：

---

为什么不使用Accordion？我没有使用Accordion的主要原因是我在其他应用程序中遇到了css样式的问题。我正试图找出一种方法来使用我目前的设置，但如果不行，我将不得不切换到手风琴。只是想知道有没有办法解决这个问题