1

div＃fooのcssクラスを切り替える（既存のクラスの後に追加する）クリックイベントでjqueryを作成していますが、クリック時にボタンのテキストを表示/非表示の間で切り替える必要もあります。

<script>
$(document).ready(function(){
  $("button.toggler").click(function(){
    $("#foo").toggleClass("maximize");
    $("button.CsToggle").text(!text == "Expand" ? "Hide" : "Expand");
  });
});
</script>

<div id="foo" class="preExistingClass">
  <div>
    <button class="toggler">Expand</button>
  </div>
</div>

クラストグルは正しく機能していますが、テキストトグルは機能していません。どこで私は間違えましたか？

4

2 に答える 2

4

この関数を使用してhtml()、ボタンのinnerHtmlを設定します。セレクターも、である必要があります$("button.toggler")。また、可変テキストを使用できるようにする必要があります。ビジネスロジックによって設定方法が決まると思います。

$(document).ready(function(){
  $("button.toggler").click(function(){
    $("#foo").toggleClass("maximize");
    $(this).html($(this).html() == "Expand" ? "Hide" : "Expand");
  });
});

実例：http：//jsfiddle.net/z5QVM/

于 2013-02-01T18:07:50.190 に答える
0 
$("button.CsToggle").toggle(function(){
 if ( $(this).text == "Expand"){ 
     // code
     }
  else {
     //code
   }
});
于 2013-02-01T18:08:33.877 に答える