Javascript 滑动切换添加显示时出现问题：块

我正在尝试使用jQuery的slideToggle效果。我想使用“显示更多”按钮。我有一个包含大量文本的div，前300个字符直接位于div上，其余字符位于div内的span标记上，显示为：none。我想将其更改为display:inline，然后触发滑动切换，但它所做的是将其更改为display:block。现在我已经在callback函数中找到了它，并将其更改为display:inline，但是效果看起来很难看，因为它首先使用display:block显示跨度，然后更改为display:inline:（.有什么办法可以让它看起来很好吗？我查看了很多网站，没有发现任何东西…谢谢：）这是因为您最初不是使用

.slideToggle（）

隐藏，而是在CSS中设置

：hidden

，这导致

.slideToggle（）

回落到CSS标准（

显示：block

）

---

如果将元素调用为

display:inline

，然后在初始加载时将其隐藏，

.slideToggle（）

存储内联状态，这是因为您最初不是使用

.slideToggle（）

隐藏，而是在CSS中设置

：hidden

，这导致

.slideToggle（）

退回到CSS标准（

显示：块

）

---

如果将元素调用为

display:inline

，然后调用

。slideToggle（）

在初始加载时将其隐藏，

。slideToggle（）

存储内联状态

跨度应显示为内联。为什么要反对这种行为？我希望它以内联方式显示，但使用slidetoggle，它会自动更改为display:Block。据我所知，slide toggle操纵元素的高度和溢出属性（可能更多）。CSS高度对内联元素不起作用，因此jQuery在设置动画之前总是

display:block

这样的元素。跨距应该是内联显示的。为什么要反对这种行为？我希望它以内联方式显示，但使用slidetoggle，它会自动更改为display:Block。据我所知，slide toggle操纵元素的高度和溢出属性（可能更多）。CSS高度对内联元素不起作用，因此jQuery在设置动画之前总是

显示：block

这样的元素。这对我来说不起作用。我在css中给出了span display:inline，然后在页面加载时对其执行.slideToggle（）。span是隐藏的，当我切换它时，它显示为display:block=/请查看同一div的内联版本和块版本。在这个简单的JSFiddle中，它通过存储CSS提供的值并调用它来按预期工作。您是否将内联值作为“样式”存储在html中？也许这就是它不工作的原因；在页面加载时加载的css文件。我真的不明白你想告诉我什么：静坐不适合我。我在css中给出了span display:inline，然后在页面加载时对其执行.slideToggle（）。span是隐藏的，当我切换它时，它显示为display:block=/请查看同一div的内联版本和块版本。在这个简单的JSFiddle中，它通过存储CSS提供的值并调用它来按预期工作。您是否将内联值作为“样式”存储在html中？也许这就是它不工作的原因；在页面加载时加载的css文件。我真的不明白你想告诉我什么：S