javascript - 小型 JavaScript 动画集成

Question

我有一些 JavaScript 代码:

<script type="text/javascript">
  function hideshow(which) {
    if (!document.getElementById)
      return
    if (which.style.display=="block")
      which.style.display="none"
    else
      which.style.display="block"
  }
</script>

如何在这段代码中集成 .slideToggle(1000); 动画？

Answer 1

Display无法动画，你可以将其与 css 中的不透明度结合起来。
默认CSS:

display:none;
opacity:0;
transition:1s opacity ease;
-webkit-transition:1s opacity ease;

JS:

 which.style.display="block"
 which.style.opacity="1"

由于您是 javascript 新手，我没有提供完整的解决方案，但您应该已经明白了。