替代jQuery的slideDown()和slideUp()不会影响显示属性
我一直在尝试将slideDown()效果用于我正在处理的网站,但是我很难获得我想要的效果。 这是一个示例,显示了我想要完成的任务。
blahblahblahblah blahblahblah More…
我一直在尝试将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…