引導程序崩潰無效（+和-符號未更改）

Question

我正在使用bootstrap類進行崩潰。 當我單擊+符號時，它沒有變為-符號。

這是我的代碼。 請幫幫我。

var selectIds = $('#collapseOne1,#collapseTwo1');
$(function ($) {
    selectIds.on('show.bs.collapse hidden.bs.collapse', function () {          
        $(this).prev().find('.fa').toggleClass('fa-minus fa-plus');
    })
});

<div class="accordion" >
    <div class="panel-group" id="accordion1">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a id="submitid" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">
                        Submitted
                        <i class="fa fa-plus pull-right"></i>
                    </a>
                </h3>
            </div>
            <div id="collapseTwo1" class="panel-collapse collapse">
                <div class="panel-body">
                    <ul>
                        @foreach(var item in ViewBag.consultant)      
                        {
                            <li><strong>@item </strong></li>
                        }
                    </ul>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading active">
                <h3 class="panel-title">
                    <a id="rejectid" class="accordion-toggle active" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">
                        Rejected
                        <i class="fa fa-minus pull-right"></i>
                    </a>
                </h3>
            </div>
            <div id="collapseOne1" class="panel-collapse in">
                <div class="panel-body">
                    <div class="media accordion-inner">
                        <div class="media-body">
                            <ul>
                                @foreach(var item in ViewBag.consultant)      
                                {
                                    <li><strong>@item </strong></li>
                                }

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

當我單擊“已提交”時，+符號仍然顯示。 未更改為-符號。

<script src="~/js/jquery-ui-1.10.3.min.js"></script>
<script src="~/js/jquery-ui-1.10.3.js"></script>
<script src="~/Scripts/jquery-1.7.1.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/js/bootstrap.min.js"></script>
<link href="~/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/css/bootstrap.min.css" rel="stylesheet" />

Answer 1

以下是提供您確切代碼的有效工具，所以我想問題在於加載js文件的方式， 瀏覽器控制台中是否有任何錯誤？

http://jsfiddle.net/196dyxk8/

var selectIds = $('#collapseOne1,#collapseTwo1');
$(function ($) {
    selectIds.on('show.bs.collapse hidden.bs.collapse', function () {          
        $(this).prev().find('.fa').toggleClass('fa-minus fa-plus');
    })
});