jquery - 用动画展开div

Question

我有一个 div 正在从 ajax 调用接收内容。现在我只是在 ajax 回调处理程序中执行此操作:

function searchCallback(html) { $("#divSearchResults").html(html); }

这使得内容“弹出”到页面上，而且非常突然。有没有办法让 div 优雅地调整大小，就像 .slideToggle() 方法一样？

Answer 1

确保其隐藏，然后添加内容并将其滑入。

$("#divSearchResults").hide();
$("#divSearchResults").html(html);
$("#divSearchResults").slideDown();

或者你可以淡入它:

$("#divSearchResults").fadeIn();

为了确保您的页面在内容出现时不会“爆炸”，请确保 div 处于隐藏状态。另外，请确保添加内容后，页面看起来不错。