html - 使用纯 CSS 展开和折叠文本?

标签 html css categories

我有一个 HTML 类别描述,如下所示,但我想隐藏“ child ”(“母亲”始终可见),并在用户单击“母亲”时显示 child ,然后再次隐藏 child 当点击母亲但 child 没有被隐藏时。我不想使用Java Script,可以用纯CSS 来完成吗?

<a href="">MOTHER CATEGORY <br>
&nbsp;&nbsp;<a href="">Child 1 </a><br>
&nbsp;&nbsp;<a href="">Child 2 </a><br>
&nbsp;&nbsp;<a href="">Child 3 </a><br>
&nbsp;&nbsp;<a href="">Child 4 </a><br>
&nbsp;&nbsp;<a href="">Child 5 </a><br>

<a href="">MOTHER CATEGORY 2<br> (...)

最佳答案

OnClick事件必须涉及一点JS。

另外,这是 Chris Coyier 的一个漂亮的小技巧 - http://css-tricks.com/the-checkbox-hack/

关于html - 使用纯 CSS 展开和折叠文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22565884/

相关文章:

javascript - 此幻灯片中没有淡入淡出效果 JavaScript、CSS 和 HTML

java - 有没有办法定义 'javadoc types' - 成员的自定义参数?

wordpress - 显示自定义类别的子类别 - WordPress

forms - iPad 日期时间输入值格式

javascript - 我可以使用 HTML5 音频元素在使用 React Hooks 的功能组件中播放声音文件吗?

css - 如何使用 Visual Studio Code 将任何扩展名格式化为 .css?

javascript - 在除第一个 td 的 margin-top 和最后一个 td 的 margin-bottom 之外的所有 td 之间放置边距

R:按类别计算唯一值

javascript - 简化 if 语句

html - 使用 awesomium 获取页面的 HTML