html – 单击标题并在不使用JavaScriptjQuery的情况下展开文本

html – 单击标题并在不使用JavaScriptjQuery的情况下展开文本,第1张

概述正如标题中所指出的,我的问题非常简单:有没有什么方法可以实现点击标题(标题)并展开(和折叠)与之关联的文本,而不使用 JavaScript和jQuery?是否有任何浏览器兼容的方式(IE 6证明)? 我为会议制作了一个非常简单的HTML CSS站点,我想在必要时使用JS.所以,我只是问我是否能够以兼容的方式坚持HMTL / CSS,当然. 我发现的一些解决方案很旧或与某些浏览器版本不兼容. 非常感 正如标题中所指出的,我的问题非常简单:有没有什么方法可以实现点击标题(标题)并展开(和折叠)与之关联的文本,而不使用 JavaScript和jquery?是否有任何浏览器兼容的方式(IE 6证明)?

我为会议制作了一个非常简单的HTML CSS站点,我想在必要时使用Js.所以,我只是问我是否能够以兼容的方式坚持HMTL / CSS,当然.

我发现的一些解决方案很旧或与某些浏览器版本不兼容.

非常感谢你,
若昂

解决方法 ie6防纯CSS解决方案?

没有

[把死者留在坟墓里,不要试图让他们参加马拉松比赛.当你要求ie6做这样的事情时,你正在做的事情.

ie7 / 8?

是的,有一个解决方案(原理与this older demo of mine中使用的相同),但它不是持久性的(意味着如果您点击页面上的任何其他位置,您的扩展内容将崩溃)并且它在ie7中表现得有些奇怪(这意味着您必须在单击它后将鼠标悬停在单击的元素上才能看到您的内容正在扩展.

IE9和其他浏览器?

是!也持久.与我使用here的原理相同.

JavaScript / jquery方法?

是!见:a jQuery version of the same demo.

总结

以上是内存溢出为你收集整理的html – 单击标题并在不使用JavaScript / jQuery的情况下展开文本全部内容,希望文章能够帮你解决html – 单击标题并在不使用JavaScript / jQuery的情况下展开文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1143396.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存