Javascript 我可以创建一个可折叠文件，在展开它之前显示它的一些内容吗？

正如我在标题中所说的，我需要可折叠文件在展开之前显示其内容到某一点，然后在展开之后完全显示。以下是两张图纸作为示例：

---

设置线号更改

-webkit线夹

let showbutton=document.queryselectoral（“按钮”）；
let items=document.queryselectoral（“.card”）；
for（设i=0；i

容器{
显示器：flex；
柔性包装：包装；
宽度：100%；
}
货柜组{
显示器：flex；
证明内容：周围的空间；
}
.卡片{
宽度：50%；
高度：最大含量；
边框：2倍实心；
框大小：边框框；
文本对齐：居中；
}
.卡跨度{
文本对齐：左对齐；
边缘底部：1米；
溢出：隐藏；
显示：-网络工具包盒；
文本溢出：省略号；
-webkit线夹：5个；
-网络工具包盒方向：垂直；
}
.card.toggle span{
-webkit线夹：未设置；
}

Lorem ipsum Door sit amet，是一位杰出的职业经理人。这是一个很好的借口。菲塞勒斯·蒂奇登特和泰勒斯·蒂奇登特拍卖人。马蒂斯·奥奇·瓦里乌斯（mattis orci varius）的卢克特斯（Fusce luctus）是一个多洛·森佩尔（dolor semper）家族的家族。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Morbi和lectus是一个有尊严的nisl sodales。暂停或取消门。在nisl eleifend，ultricies turpis rhoncus，前庭腔隙处进行手术。在nec erat中。Lorem ipsum dolor sit amet，是一位杰出的献身者。多涅克·尤伊斯莫、拉卡斯·埃杰特·菲尼布斯、埃利弗德·麦格纳和其他所有人都是如此。慈菇是一种调味品。埃涅·埃吉斯塔斯·图皮斯和多尔·康瓦利斯·阿利奎姆。Donec rhoncus enim坐在amet odio molestie的位子上，他坐在tempus risus viverra的位子上。
阅读更多

请编辑您的问题，以生成与您的问题相关的信息。非常感谢。也许这会对你有用鼠标悬停你可以use@NewToJS非常感谢。就是这样，我找不到选择正确答案的方法，这肯定是睡眠不足的原因。