Html CSS支持-复选框

我有一个html文件，其中包含可以展开或折叠的部分。下图是我试图实现的目标（折叠时、展开时）。我还附上了代码（jsfiddle.net/MpPE8/）

问题：
我想在折叠时将复选框（展开时显示）放在（+）和标题文本（标题1）之间。有关更多信息，请参见下图。我希望这是实现使用CSS只由于环境的限制

---

将div作为隐藏元素放置（相等显示：无），然后在块展开时显示它（相等显示：内联）

对不起，我迟了回答，但我到现在才有时间。以下是我理解您需要的： jsfiddle.net/MpPE8/2/

请应用您需要的样式。我只做了功能性的工作

---

BR

问题在于折叠时是否显示复选框。参见第二幅图。请随意参考并更新jsfiddle.net/MpPE8/I don don’t knowledge上的代码：当块折叠时，您希望复选框显示在将展开的符号和标题之间，当块展开时，复选框显示在文本之后？当展开时->我希望像图像1一样显示（Srl 2）。当展开->我想要像图2一样显示。请参见显示在（+）符号和文本之间的复选框。