javascript - 展开div onclick并在一段时间后自动折叠相同的div，无法再次展开

http://jsfiddle.net/tfwqD/1/

就像上面的小提琴一样。我可以在单击时扩展div，而setInterval将在3000ms后折叠div，但是尝试再次单击该按钮将不会重新扩展div。

这是JS代码（上面有完整的JSfiddle）：

function growDiv(div) {
growDiv = document.getElementById(div);
if (growDiv.clientHeight) {
  growDiv.style.height = 0;
} else {
  var wrapper = document.querySelector('.measuringWrapper');
  growDiv.style.height = wrapper.clientHeight + "px";
}
setInterval(function(){growDiv.style.height = 0},3000);

}

最佳答案

除了将growDiv用作函数名和变量名之外，您已经做对了所有事情。尝试任意更改

更新了JsFiddle http://jsfiddle.net/tfwqD/5/