滑动打开 div 的 Ajax 响应

Question

好的，这是我上一个问题的后续，该问题涉及执行一个简单的 ajax 请求，一旦请求返回了 4 的 readyState 和 200 的状态，它会将响应插入 div 并很好地向下滑动。我不希望使用 jQuery 或 scriptalicious 等工具包来执行它。

这是原始问题：
Ajax with slide effects onready witout using a toolkit

到目前为止，我已经设法让这一切都很好地工作。但是我有一个问题，即显示返回的文本，然后 div 展开。我需要它与 div 和 text 一起扩展。

这是我的代码

函数滑下（） { document.getElementById('slideDiv').style.visibility = 'hidden'; xmlhttp.open("GET", "parse.php?what=main", true); xmlhttp.onreadystatechange = 函数（） { 如果（xmlhttp.readyState == 4 && xmlhttp.status == 200） { document.getElementById('butt').value = 'hide'; document.getElementById('slideDiv').innerHTML = xmlhttp.responseText; document.getElementById('slideDiv').style.display = 'block'; var fHeight = document.getElementById('slideDiv').offsetHeight; document.getElementById('slideDiv').style.height = '0'; document.getElementById('slideDiv').style.visibility = 'hidden'; 函数时间它（） { 函数栏（） { timeSlide(fHeight); } 设置超时（酒吧，10）； } 时间它（）； } } xmlhttp.send(null); } 函数 timeSlide(fHeight) { var fHeight; 变量差异； document.getElementById('slideDiv').style.visibility = 'visible'; var cHeight = document.getElementById('slideDiv').clientHeight; 如果（cHeight

我认为这是因为使用以下内容将返回的get请求放入div中。

document.getElementById('slideDiv').innerHTML = xmlhttp.responseText;

有人可以用这个把我引向正确的方向吗？我对 JavaScript 不是特别好，而且我可能会走错路，所以任何指针都会很棒！提前致谢！

Answer 1

很难说没有看到它的实际效果，但请尝试添加以下内容：

document.getElementById('slideDiv').style.overflow = 'hidden';