1

ロード時に非表示にしたいナビゲーションがあります。

次に、class="nav-btn" をクリックして、そのナビゲーションに「bounceIn」のクラスを追加します。

最初のクリックの後、「bounceIn」と「bounceOut」のクラスを切り替えたい

現在、私はこれを機能させており、クリックするとバウンスインが削除され、バウンスアウトが追加されます（アニメーション化されたクラスは無視してください）。

$(document).ready(function() {

  $('nav').addClass('animated bounceIn');

  $("nav").click(function () {
      $(this).removeClass('bounceIn');
      $(this).addClass('bounceOut');
  });

});

必要なものを簡単に達成するにはどうすればよいですか?

4

1 に答える 1

1

メソッドを使用できますtoggleClass。

$('.nav-btn').click(function () {
    $('nav').toggleClass('bounceIn bounceOut');
});
于 2012-11-03T14:58:01.363 に答える