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

标签 html css text

正如标题中所指出的,我的问题非常简单:有没有什么方法可以在不使用 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/

相关文章:

javascript - 覆盖网站上文本输入区域的默认移动设备键盘? (HTML/JS/jQuery)

html - 如何创建支持跨浏览器的半实心、半透明渐变背景图像?

Android Canvas 绘制文本并随后更改文本

css - col-sm-2 和 col-sm-1 之间的 Bootstrap css 列宽

Python替换文件中的特定数字而不更改其他数字

python - sklearn 中的 CountVectorizer 仅包含出现次数高于某个最小次数的单词

jQuery:ajax 事件

html - 简单的 CSS 样式不会显示.. 为什么?

css - 为什么是:before cannot be seen in safari?

html - 固定菜单在应用媒体查询时不保持固定