設置在jQuery中應用CSS的時間

Question

這是我的js代碼。 實際上，我想設置時間來應用此CSS。 我嘗試使用setTimeout，但無法正常工作。 如何使用setTimeout或其他方法。 請幫忙。 謝謝

$(document).ready(function() {
  $(".front").click(function() {
    $(".flip-container").css({
      "height": "0px"
    });
  });
});

Answer 1

使用setTimeout()如下

$(document).ready(function() {
  $(".front").click(function() {
    setTimeout(function() {
      $(".flip-container").css({
        "height": "0px"
      });
    }, 1000);
  });
});

---

您也可以使用animate()方法對某些動畫進行處理

$(document).ready(function() {
  $(".front").click(function() {
    $(".flip-container").animate({
      "height": "0px"
    }, 1000);
  });
});