替代jQuery的slideDown()和slideUp()不会影响显示属性

我一直在尝试将slideDown()效果用于我正在处理的网站,但是我很难获得我想要的效果。 这是一个示例,显示了我想要完成的任务。

blahblahblahblah blahblahblah More…

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

非常感谢你。

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

fadeIn确实有用,可能是一个有用的替代品。

你需要将你的文字总是显示在一个左边漂浮的span或div中,让“附加”文本向左浮动,并clear: both;你的链接clear: both; ,但这个结构将使一个简单的.slideDown()工作:

 
blahblahblahblah

这是一个演示此动作的演示: http : //jsfiddle.net/7yqMr/

我以前遇到过这个问题。 那时似乎无法改变jQuery行为,并且在编写一个与内联块一样的例程时遇到了问题。 所以,我切换到只使用display: block元素使用float: left将它们保持在一行中。

 
blahblahblahblah
More…