正如标题中所指出的，我的问题很简单：有没有什么方法可以在不使用 JavaScript 或 jQuery 的情况下实现单击标题（标题）并展开（和折叠）与之关联的文本？是否有任何与浏览器兼容的方法（IE 6+ 证明）？
我为一个会议制作了一个非常简单的 HTML+CSS 站点，并且我只想在必要时使用 JS。所以，我只是问我是否可以只坚持 HMTL/CSS，当然，以兼容的方式。
我发现的少数解决方案是旧的或与某些浏览器版本不兼容。
非常感谢，若昂
问问题
24149 次
2 回答
9
IE6 -proof 纯 CSS 解决方案？
不
[把死者留在坟墓里，不要试图让他们跑马拉松。当你要求 IE6 做这样的事情时，这就是你正在做的事情。]
IE7/8？
是的，有一个解决方案（原理与我的这个旧演示中使用的原理相同），但它不是持久的（这意味着如果您单击页面上的其他任何地方，您的展开内容将崩溃）并且它的行为有点在 IE7 中很奇怪（这意味着您必须在单击后将鼠标悬停在单击的元素上才能看到您的内容扩展）。
IE9+ 和其他浏览器？
是的！也执着。与我在这里使用的原理相同。
JavaScript/jQuery 方法？
是的！请参阅：同一演示的 jQuery 版本。
于 2012-09-17T14:29:01.333 回答
3
您可以使用支持跨浏览器的 HTML 和 CSS 来制作简单的 Hover 下拉菜单：
您可以使用较低版本的 IE 不支持的 CSS 过渡使用淡入淡出或向下滑动来改进这一点：
不是那么点击虽然。
于 2012-09-17T14:28:18.897 回答