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

正如标题中所指出的，我的问题非常简单：有没有任何方法可以实现在不使用JavaScript或jQuery的情况下单击标题（title）并展开（和折叠）与其关联的文本？有没有与浏览器兼容的方法来实现这一点（IE 6+证明）

我已经为一个会议创建了一个非常简单的HTML+CSS站点，我只想在必要时使用JS。所以，我只是想问，我是否可以只使用HMTL/CSS，当然是以兼容的方式

我发现的几个解决方案都很旧，或者与某些浏览器版本不兼容

多谢各位，

---

João

您可以使用跨浏览器支持的HTML和CSS创建简单的悬停下拉菜单：

您可以通过使用CSS转换进行淡入淡出或滑动下降来改善这一点，这在较低版本的IE中是不受支持的：

---

不过点击就没那么多了。

IE6-纯CSS解决方案

不 [把死者留在坟墓里，不要试图让他们跑马拉松。当你要求IE6做这样的事情时，你就是这么做的。]

---

IE7/8？

是的，有一种解决方案（原理与中使用的相同），但它不是持久性的（这意味着如果您单击页面上的任何其他位置，扩展的内容将崩溃），并且在IE7中表现得有点奇怪（这意味着您必须在单击被单击的元素后将其悬停，才能看到内容扩展）

---

IE9+和其他浏览器

是的也很持久。与我使用的原理相同

---

JavaScript/jQuery方法？

---

是的看看这个：。

我想说你唯一的选择是HTML5或JavaScript。两者都违反了你的一个条件。@Samuel:HTML5是如何违反其中一个条件的？谢谢你的启发，Samuel。我和达古有同样的怀疑。我必须支持IE6，有些人还在使用它，所以我会选择使用JS。安娜，谢谢你的明确回答。不幸的是，现在有些人仍然使用IE6，所以我不得不考虑它们。正如我所想，我真的必须使用JS。考虑到jQuery正在放弃对IE6、7和8的支持这一事实（因此请确保您不会自动更新您将使用的jQuery版本）。如果您想使用JavaScript，我仍然推荐jQuery。IE很不错，但是为IE6和IE7编写纯JavaScript会让人头疼。事实上，我需要一些更基本的东西，比如：再次感谢你，安娜！你好，斯图德。我想如果只使用HMTL+CSS，我会和一些IE版本（总是…）有一些兼容性问题，所以我会选择JS。不过，谢谢！