小型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的新手，我没有提供完整的解决方案，但您应该明白这一点。