正如标题中所指出的,我的问题非常简单:有没有什么方法可以在不使用 JavaScript 或 jQuery 的情况下实现点击标题(标题)并展开(和折叠)与之关联的文本?是否有任何浏览器兼容的方式来执行此操作(IE 6+ 证明)?
我为一个 session 制作了一个非常简单的HTML+CSS站点,我想只在必要时使用JS。所以,我只是问我是否可以仅以兼容的方式坚持使用 HMTL/CSS。
我找到的少数解决方案是旧的或与某些浏览器版本不兼容。
最佳答案
IE6-proof 纯 CSS 解决方案?
没有
[让死者安息在坟墓里,不要试图让他们跑马拉松。当您要求 IE6 执行此类操作时,这就是您正在做的事情。]
IE7/8?
是的,有一种解决方案(原理与 this older demo of mine 中使用的相同),但它不是持久性的(这意味着如果您单击页面上的其他任何地方,展开的内容将会折叠)并且它的行为是在 IE7 中有点奇怪(这意味着您必须在单击后将鼠标悬停在被单击的元素上才能看到您的内容展开)。
IE9+ 和其他浏览器?
YES! 也很执着。和我用的原理一样here .
JavaScript/jQuery 方法?
是的!看这个:a jQuery version of the same demo .
关于html - 单击标题并在不使用 JavaScript/jQuery 的情况下展开文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12461183/