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

<div>
    blahblahblahblah

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

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

基本上,当单击“更多...”时,我希望通过滑动效果显示当前隐藏的文本,同时与可见文本的末尾保持一致。对于slideDown()来说这似乎是不可能的,因为它正在将显示更改为阻塞。

非常感谢你。

最佳答案

不幸的是,这基本上是不可能的。 jQuery的动画依赖于具有高度和宽度的元素。内联元素没有设置或设置这些尺寸,因此动画(无论使用animate还是slideUp)必须使它们成为块级元素。
fadeIn确实有效,并且可能是一个有用的替代方法。

关于javascript - 替代jQuery的slideDown()和slideUp()而不影响display属性的方法,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3886336/

10-11 12:42
查看更多