0

href リンクによってトリガーされる 1 つのページにいくつかの折りたたみ可能なパネルがあり、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>
4

1 に答える 1

0

ロード時に切り替えます：

$(function() {
    $(".btn[data-toggle='collapse']:first").text("Close");
});
于 2013-09-16T15:39:01.487 に答える