css - 使用 CSS 在点击时显示/隐藏 div

Question

我有一个菜单和三个隐藏的 div，它们根据用户选择的选项显示。我想仅使用 CSS 在单击时显示/隐藏它们。我现在可以使用 jquery，但我希望它可以在禁用 js 的情况下访问。这里有人提供了this code对于其他人，但它仅适用于 div:hover 或 div:active，当我将其更改为 div:visited 时，它不起作用。我是否需要添加一些东西，或者这可能不是正确的方法？我感谢任何帮助:)

问题是我的客户希望这个特定的 div 在选择菜单时滑动/淡入淡出，但我仍然希望它们在关闭 javascript 的情况下正确显示。也许 z-index 可以解决问题...？

Answer 1

对于纯 CSS 解决方案，请尝试使用复选框 hack。基本上，想法是使用一个复选框，并根据该框是否被选中来分配不同的样式，使用 :checked 伪选择器。如果需要，可以通过将复选框附加到 label 来隐藏该复选框。

dabblet 链接(不是我的):http://dabblet.com/gist/1506530

CSS 技巧文章链接:http://css-tricks.com/the-checkbox-hack/