javascript - 链接文本切换 jquery（可折叠面板）

Question

我在一个页面上有几个由 href 链接触发的可折叠面板，当用户登陆页面时，第一个使用 php 设置为活动（打开）。

使用 jquery 我正在尝试切换链接中的文本。

$(".btn[data-toggle='collapse']").click(function() {
   $(this).text($(this).text() == 'Close' ? 'More' : '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");
});