0

「if」シナリオは機能しますが、else if は機能しません。class="show-real-pixels" をクリックして画像を切り替えようとしています

<div class="image not-hidden">
      <img src="img/healthyout/WF-onboard.png">
</div>

<div class="image hidden">
      <img src="img/healthyout/HF-onboard.png">
</div>

<div class="btn pull-right show-real-pixels">show real pixels</div>  


$(".show-real-pixels").click(
      function () {

       if ($(".image").hasClass("hidden")) {
          $(".image").removeClass("hidden").addClass("not-hidden");
        }  
        else if ($(".image").hasClass("not-hidden")) {
          $(".image").removeClass("not-hidden").addClass("hidden");
        }
});
4

3 に答える 3

11

if else の代わりに.toggleClass()を使用できます

$(".image").toggleClass("hidden not-hidden");
于 2013-09-05T05:28:29.160 に答える
7

.toggleClassのように使う

$(".show-real-pixels").click(function () {

      $(".image").toggleClass("hidden not-hidden");
});

このリンクを参照してください

于 2013-09-05T05:28:03.487 に答える