javascript - Jquery-On 点击更改循环

Question

我有这个脚本，单击时会淡化元素，更改 css 并取消淡化它。我希望在第二次单击时它会做同样的事情，但会更改为其他一些 css。我希望它在某种循环中做到这一点。我也可以用更少的代码来做这个吗？对不起，如果这是一个简单的问题，我是 js 的新手。

<script>
  $(function() {
  $("#banner").click(function() {
  $("#banner").fadeOut("fast", function() {
  $("#banner").css({top:"0", left:"0"});
  }).fadeIn("slow");
  });
  });
</script>

Answer 1

您需要某种脚本已经运行的指示器。您可以通过添加一个类名并检查它来做到这一点。

$(function() {
  $("#banner").click(function() {
      if($("#banner").hasClass('done')) {
          // your new code
      }
      $("#banner").addClass('done');
      $("#banner").fadeOut("fast", function() {
        $("#banner").css({top:"0", left:"0"});
      }).fadeIn("slow");
  });
});