Html 纯CSS-多读多读少读

已解决

请参阅下面代码段中的工作代码。 免费提供给那些能使用它的人

说明： 有一个包装器包含10个“查看更多/更少”部分。所有11个都可以折叠和关闭。按钮具有悬停效果。文本是英文的。 没有Javascript或jQuery。纯CSS/HTML解决方案

如果您不需要全部10个，只需将它们从HTML中删除即可。无需从CSS中删除它们

由于包装很长，我在折叠的底部加了一个按钮。所有部分都用水平尺分开

兼容：

• text元素

• 图像<代码>

  ---

  ---

  它来自哪里？ 与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源

  ---

  Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行

  ---

  以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制，并附有H.Rackham 1914年翻译的英文版本

  ---

  九个骑士

  ---

  天哪。。。终于结束了

  ---

  ---

  当我问我的问题时，我继续研究解决方案

  ---

  请查找有问题的代码片段作为工作解决方案
  所以，你想在已经对你有用的东西下面重复你所拥有的东西吗？我需要一个两级的“多读/少读”。