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

正如标题中所指出的,我的问题非常简单：有没有什么方法可以实现点击标题(标题)并展开(和折叠)与之关联的文本,而不使用 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.

原文地址：https://www.jb51.cc/html/224380.html