javascript - jQuery的slideDown()和slideUp()的替代方案不影响显示属性

Question

我一直在尝试对我正在开发的网站使用slideDown() 效果，但我很难获得我想要的效果。这是一个示例，显示了我想要完成的任务。

<div>
    blahblahblahblah

    <span id="span_more" style="display:none">
        blahblahblah
    </span> 

    <a class="link_more" id="more">More&hellip;</a></div>
</div>

基本上，当单击“更多...”时，我希望当前隐藏的文本使用滑动效果显示，同时与可见文本的末尾保持内联。这对于 SlideDown() 来说似乎不可能，因为它正在将显示更改为阻止。

非常感谢。

Answer 1

不幸的是，这基本上是不可能的。 jQuery 的动画依赖于具有高度和宽度的元素。内联元素没有设置或可设置这些尺寸，因此动画(无论是使用 animate 还是 slideUp)必须使它们成为 block 级元素。

fadeIn 确实有效，并且可能是一个有用的替代方案。