javascript - slideToggle 添加显示 : block 的问题

标签 javascript jquery html

我正在尝试使用 jQuery 的 slideToggle 效果。我想用于显示更多按钮。我有一个包含很多文本的 div,前 300 个字符直接在 div 上,其余字符在 div 内的 span 标签上,显示:无。我希望它更改为显示:内联然后触发 slideToggle,但它所做的是将其更改为显示: block 。现在我在回调函数上得到了它,但将其更改为显示:内联,但效果看起来很难看,因为它首先显示带有显示的跨度: block ,然后更改为显示:内联:(。是否有任何解决方法这个看起来不错?我看了很多网站,什么也没发现...谢谢 :)

最佳答案

那是因为你最初没有使用 .slideToggle() 隐藏,而是在 CSS 中设置 :hidden,这导致 .slideToggle( ) 回到 CSS 标准 (display: block)。

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

关于javascript - slideToggle 添加显示 : block 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6843206/

相关文章:

javascript - 每行五个一组打印整数 1-20

javascript - 转义 meteor react 中的html标签

javascript - Nodejs,如何重构数据的响应?

javascript - jQuery 检查加载时是否选择了单选选项

javascript - jquery 表单验证未触发/工作

html - 绝对定位的 div 在 safari 中 float

css - 集成时避免使用预定义的 css div

javascript - 无法使模式下的Youtube视频停止在IE和Chrome中播放

jquery - 获取调整大小/setTimeout后的当前宽度

javascript - 如何查看用户输入的输入值 - 在控制台日志中单击