替代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)必须让他们的块级元素.

fadeIn 确实有用,可能是一个有用的选择.