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");
});

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

1 个答案: