html - CSS 支持 - 复选框

标签 html css

我有一个 html 文件,其中包含可以展开或折叠的部分。下图有我想要实现的目标(折叠时,展开时)。我还附上了代码 (jsfiddle.net/MpPE8/)。

Image-1

问题:
我想在折叠时将复选框(展开时显示)放在 (+) 和标题文本 (Heading One) 之间。有关更多信息,请参见下图。由于环境限制,我希望仅使用 CSS 来实现这一点。

Image -2

最佳答案

将 div 放置为隐藏元素(例如显示:无),然后在 block 展开时显示它(例如显示:内联)

抱歉我迟到的回答,但我直到现在才来得及。这是我了解您需要的: jsfiddle.net/MpPE8/2/

请应用您需要的样式。我只负责功能。

BR

关于html - CSS 支持 - 复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22838665/

相关文章:

html - 如何在不使用单选按钮或复选框的情况下将是/否答案编程为 HTML 表单中的按钮?

html - 菜单中的中心 Logo

javascript - 获取跨度中文本的宽度,文本溢出: ellipsis; at IE11

html - 如何删除列布局中的绝对 div 并保持相同的布局?

html - 打印网页

javascript - 刷新页面,直到特定的字符串出现在页面的某个部分

javascript - 尝试创建连续的 on.click 事件

javascript - 站点地图树缩进可视化

javascript - 如何将变量传递给nodemailer中的html页面?

html - 自定义ipython notebook的欢迎页面