Javascript 显示更多/显示更少的速度效果答案

【问题标题】：Javascript show more/ show less with speed effectJavascript 显示更多/显示更少的速度效果
【发布时间】：2013-04-14 10:50:28
【问题描述】：

我有这个 javascript 代码：

<script language="javascript" type="text/javascript">
function showHide(shID) {
   if (document.getElementById(shID)) {
      if (document.getElementById(shID+'-show').style.display != 'none') {
         document.getElementById(shID+'-show').style.display = 'none';
         document.getElementById(shID).style.display = 'block';
      }
      else {
         document.getElementById(shID+'-show').style.display = 'inline';
         document.getElementById(shID).style.display = 'none';
      }
   }
}
</script>

是否可以为显示和隐藏添加切换速度效果？

【问题讨论】：

你的意思是像jQuery's fadeToggle？
类似jsfiddle.net/BLkpG
你不想使用jQuery，是吗？
我想知道是否可以为我的代码添加效果？
例如，使用 css 转换高度并将其从 0 更改为 auto 怎么样？

标签： javascript performance toggle hide show

【解决方案1】：

为您的代码添加效果将导致您为浏览器兼容性添加更多代码行。我建议你使用jQuery，它将为你节省大量的开发和测试时间。

【讨论】：

是的，也许这是最好的解决方案，我想我会用 jquery 代替 javascript，谢谢。