javascript - 如何在保持 jQuery 透明度的同时滑动？

Question

我正在尝试使用 jQuery 为 block 级元素设置动画。页面加载了样式为 display: none 的元素。我喜欢它在透明时 slideDown 然后使用回调 fadeIn 内容，但是 slideDown 似乎在 之前将可见性设置为完全fadeIn 被调用，导致内容在 slideDown 动画期间可见。

有谁知道实现这个的方法吗？

Answer 1

您的代码可能存在一些问题:您是否在开始时也将内容设置为隐藏？你在 slideDown 回调中调用了 fadeIn 吗？

这里有一些示例 HTML/代码，它们将在 slideDown 之后 fadeIn

$('div').hide(); // make sure you hide both container/content

$('#container').slideDown('slow', function() {
    $('#content').fadeIn('slow');    // fade in of content happens after slidedown
});

html:

<div id="container">
    <div id="content">stuff</div>
</div>