Javascript 在扩展内容时，我们如何进行转换？

$（'.inf read btn'）。在（'click'，function（）上{
//查找其按钮被单击的容器
var$container=$（this）.closest（'.inf frame text'）；
//找到里面的p
var$elem=$container.find（'p'）；
//切换该容器的p元素
$elem.toggleClass（'is-active'）；
$（'.inf框架文本p'）。非（$elem）.removeClass（'is-active'）；
});
.inf帧文本{
边缘顶部：120px；
&：第一个孩子{
边际上限：0；
}
p{
高度：62px；
溢出：隐藏；
}
p、 是活跃的{
身高：100%；
溢出：可见；
}
}
.inf读取btn{
显示：块；
颜色：#00ffbf！重要；
光标：指针；
}

对于我们的客户来说，未来是一个连续的统一体。这不是下一件大事，而是下一件事。下一次体验。下一个创新。对于我们的客户来说，未来是一个连续的统一体。这不是关于下一件大事，而是一切
那是下一个。下一次体验。下一个创新。对于我们的客户来说，未来是一个连续的统一体。这不是下一件大事，而是下一件事。下一次体验。下一个创新

阅读更多+
使用此CSS，但将类添加到段落中，因为将CSS添加到p标记是不好的做法

.inf-frame-text {
    margin-top: 120px;
}
.inf-frame-text:first-child {
    margin-top: 0;
}
.inf-frame-text p {
    max-height: 62px;
    overflow: hidden;
    transition: 1s all ease-in;
    -webkit-transition: 1s all ease-in;
    -moz-transition: 1s all ease-in;
    -ms-transition: 1s all ease-in;
}
.inf-frame-text p.is-active {
    max-height: 1000px;
    overflow: visible;
}

由于您正在使用jQuery，请尝试以下操作：

$elem.animate({
   height: "toggle"
});

首先给你的p一个内联样式的display none，这样当你点击jquery时会注意展开/折叠动画
为什么向
p
标记添加CSS是不好的做法？@Arkellys因为它会应用inf frame text类中的所有p标记，现在成像如果有多个p标记，那么以后就很难了。你好，Arkellys，它不起作用了…这就是我困惑的原因。同时也感谢你的建议：）@Danish Change css of p和p.is-active，它对youNo Arkellys有效，我想说的是给予风格不起作用。我正在寻找其他解决方案。嗨，欧文·桑德斯，但问题是我们需要显示段落的几部分，这样我们就不能完全隐藏段落。还有其他的可能性吗？使用剪辑样式怎么样？我可以看看这个