动作后的Javascript动画不工作

我试图在我的网站上添加一个下拉效果，但我似乎做不好。 我想单击“+”并让形状展开以显示文本，所以在我单击“+”之后，应该开始某种动画了？ 我是javascript新手，我想知道是否有人能帮我

这是我的网站，我只完成了手机版，所以最好在薄浏览器窗口中查看

在第一节“骨盆-骨盆-阴茎-阴茎”中，我添加了一段文字，隐藏起来，没有显示

我希望这是足够的信息

更新： 我添加了javascript，它适用于第一部分，但不适用于其余部分。我还想让下拉列表不要走得那么快，而是平稳

---

提前谢谢

下面是一个可能的解决方案示例。布局不同，但你会明白的

更新：包含处理点击的javascript

const sections=[…document.getElementsByTagName（“section”）；
截面图（（截面）=>{
节.addEventListener（“单击”，函数（）{
const段落=此查询选择器（“p”）；
段落.style.maxHeight=“100px”；
})
})

部分{
显示：内联块；
}
第img节，
第h3节，
第h5节{
显示：内联；
}
第p节{
最大高度：0；
溢出y：滚动；
过渡：最大高度1s；
宽度：300px；
/*用于演示目的*/
}
部分：悬停p{
/*最大高度：100px；强制滚动条*/
}

骨盆骨科
+
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为，因为它是一种不平等的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

请发布您尝试过的代码。此外，您通过的网站上没有JS。你试过创造一些东西吗？你可以在W3Schools、CodeAcademy或MDN中寻求帮助