Javascript 设置在jquery中应用css的时间

这是我的js代码。实际上，我想设置时间来应用这个css。我尝试使用setTimeout，但不起作用。如何使用setTimeout或其他方法。请帮忙。多谢各位

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

使用如下

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

---

您还可以使用方法制作一些动画

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

使用如下

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

---

您还可以使用方法制作一些动画

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

---

演示如何应用setTimeoutyes。。我在$（“flip container”）之前添加了setTimeout（函数（）），展示了你是如何应用setTimeoutyes的。.我在$（“flip container”）之前添加了setTimeout（函数（）），你在没有任何元素的情况下创建了演示。@Mohammad:刚刚删除：）…很好..我使用了.animate而不是.css，它提供了很好的动画效果。谢谢..@sagarkodte:很高兴帮助你：）您在没有任何元素的情况下创建了演示@穆罕默德：刚刚删除：）…很好..我用了.animate而不是.css，它提供了很好的动画。谢谢。@sagarkodte：很高兴能帮助你：）