slideToggle添加display:block的问题

时间:2011-07-27 10:58:18

标签: javascript jquery html

我正在尝试使用jQuery中的slideToggle效果。我想用于显示更多按钮。我有一个带有大量文本的div,前三个字符直接在div上,其余的是在div内的span标签上,显示:none。我希望它更改为显示:内联然后触发slideToggle,但它的作用是将其更改为display:block。现在我已经在回调函数上更改了它以显示:内联,但随后效果看起来很难看,因为它首先显示带有display:block的范围然后更改为显示:inline :(。是否有任何解决方法可以制作这看起来不错?我看了很多网站,什么都没找到......谢谢:)。

1 个答案:

答案 0 :(得分:5)

那是因为你最初并没有使用.slideToggle()隐藏,而是设置:隐藏在CSS中,这导致.slideToggle()回退到CSS标准(显示:阻止)。

如果你将元素称为display:inline,然后是.slideToggle()它在初始加载时隐藏,.slideToggle()存储内联状态