单击标题并展开文本而不使用JavaScript/jQuery

Question

正如标题所指出的,我的问题很简单:有没有什么办法,我可以实现点击一个头(标题)和扩展(与崩溃)与之相关联的文本,无需使用JavaScript也不jQuery的？是否有任何浏览器兼容的方式(IE 6+证明)？

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

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

非常感谢,João

Answer 1

IE6 -proof纯CSS的解决方案？

没有

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

IE7/8？

是的,有一个解决方案(原理与我的旧版演示中使用的原理相同),但它不是持久性的(意味着如果您点击页面上的任何其他位置,您的扩展内容将会崩溃)并且它的行为有点在IE7中很奇怪(这意味着你必须在点击后点击它,以便看到你的内容在扩展).

IE9 +和其他浏览器？

是!也持久.与我在这里使用的原理相同.

JavaScript/jQuery方法？

是! 看到这个:相同演示的jQuery版本.