鏈接文本切換jQuery（可摺疊面板）

Question

我有一個頁面上的幾個摺疊面板觸發的href鏈接，並使用PHP第一個設置爲活動（打開），當用戶登陸頁面。

使用jquery我試圖切換鏈接中的文本。

$(".btn[data-toggle='collapse']").click(function() { 
    $(this).text($(this).text() == 'Close' ? 'More' : 'Close'); 
}); 

但是第一個打開的鏈接是反向工作的，所以當用戶點擊（摺疊面板）時，它顯示Close而不是更多。

任何幫助將不勝感激。

HTML：

<a class="btn" id="collapsible" data-toggle="collapse" data-parent="#accordion" href="#collapse535">Close</a> 
    <div id="collapse535" class="panel-collapse collapse in"> 
     <!--Content--> 
    </div> 

    <a class="btn" id="collapsible" data-toggle="collapse" data-parent="#accordion" href="#collapse536">More</a> 
    <div id="collapse536" class="panel-collapse collapse "> 
     <!--Content--> 
    </div> 


    <a class="btn" id="collapsible" data-toggle="collapse" data-parent="#accordion" href="#collapse537">More</a> 
    <div id="collapse537" class="panel-collapse collapse "> 
     <!--Content--> 
    </div> 

Answer 1

撥動它負載：

$(function() { 
    $(".btn[data-toggle='collapse']:first").text("Close"); 
});