使用javascript隐藏和显示文本

我试图通过点击“+”使文本显示和消失，但我似乎无法使其工作。当我将它应用到其他部分时，第一个部分不再工作了

我更愿意为出现的文本设置一个最大高度，这样你就可以滚动阅读所有内容，但我不知道如何以及是否可能将“+”变成“x”来关闭文本块

函数myFunction（）{
var x=document.getElementById（“隐藏”）；
如果（x.style.display==“块”）{
x、 style.display=“无”；
}否则{
x、 style.display=“block”；
}
}

#隐藏{
显示：无；
}

Pelvi-pé；riné；古物学
你是不是在兜售女性科洛吉的教育？这是一项由肌肉和骨盆组成的教育。良师益友
肌肉发达（Selon Les病理学）肌肉发达，肌肉按摩，生物反馈等。教育是女性、男性和儿童的不同教育方式。拉佩林学
女性教育是一种不稳定的生活方式，是一种不稳定的生活方式
（性交困难）、脱垂性器官减退（膀胱、直肠、尿道下裂）、尿失禁（不同类型）等。生活和生活中的不同时刻导致了许多倍数；圣母院
运动是一项运动密集型运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动，是一项运动。儿童教育
如果你是一名儿童，那么你就应该为你的孩子做些什么呢，
教育部的工作人员正在进行中。孩子们在地面上使用小型电极。教育是一种不稳定的生活方式，是一种幸福的生活方式
小便失禁/小便失禁。这是一种前列腺切除术。患者的尿失禁手术。教育与制造，avec联合探空仪
肛门灌注渗透生物反馈和电刺激。

&加；

像这样-选择每个h5

window.addEventListener（“加载”，函数（）{
[…document.queryselectoral（“h5”）].forEach（函数（h5）{
h5.addEventListener（“点击”，函数（e）{
让show=this.innerText==“+”
this.previousElementSibling.classList.toggle（“show”，show）；
this.innerText=显示？“x”：“+”；
})
})
})

.hide{
显示：无；
}
.表演{
显示：块；
}

Pelvi-pé；riné；古物学
Lorem ipsum door sit amet，一位杰出的领导者。这是奥基的缺陷，是对未来的威胁。马蹄莲。南马西莫斯是一只封建主义的猫科动物，而坦波斯则是一只秃鹫。同侧前的国际和国际知名度
普里米斯在福西布斯。比本杜姆地区的乌尔那河。不要让拍卖人去拍卖。纳拉·波苏尔·奥古斯（NullaPosuere augue）在伊普苏姆·苏西比特（ipsum suscipit）。在一个accumsan urna中。Morbi nunc orci，年pharetra中的maximus，blandit sed sem。Fusce ullamcorper
nulla nunc，一种亨德雷特enim imperdiet ac.Nam feugiat nunc ut purus blandit，一种萨吉蒂之前的调味品
+
Pelvi-pé；riné；古物学
库拉比托是一个自由主义者。阿利奎姆拉奥里特调味品。库拉比图尔坐在阿梅特·弗林尼利亚·普鲁斯旁边。马克西姆斯，尼斯勒·埃吉特·普莱斯特拉特·德格尼西姆，奥奇奥奇的奥里斯·塞姆·塞姆，我们的生命。在圣殿
胡斯托·普卢斯，我是一位伟大的领袖，他是一位伟大的领袖。Aliquam turpis augue，lacinia ac consequat id，magna的ullamcorper。我们不需要权杖，也不需要设施，不需要封建议会
+

将功能更改为：

function myFunction(event) {
    var x = event.target.parentNode.getElementsByTagName("p")[0];
    if (x.style.display === "block") {
        event.srcElement.innerHTML = '+';
        x.style.display = "none";
    } else {
        event.srcElement.innerHTML = 'X';
        x.style.display = "block";
    }
}

将#hide更改为.hide：

.hide {
    display: none;
}

<p class="hide"></p>

.hide{
显示：无；
}

并添加事件参数：

<h5 onclick="myFunction(event)">&plus;</h5>

&plus；

“当我将其应用于其他部分时，第一个部分不再起作用了？”不清楚您对该语句的意思，也许您应该显示该问题。@epascarello我有不同的“部分”要隐藏/取消隐藏。当我将javascript代码应用于所有这些代码时，它们不再正常工作。我希望这个ID是单数的，所以这将是一个问题……我明白了，我可以用类来做这件事吗？我希望对不同的部分执行相同的操作请注意，对于交互元素，您应该使用

，而不是

。它在此处起作用，因此您必须有所不同，例如，我将+移到了文本之前。如果您想在将nextElementSibling更改为PreviousElementSibling后使用它，您可以在网站上查看一下吗？我用你的code@JanClerinx什么站点？severineard.be/testI更改了脚本。请复制新的scriptOP，上面写着“当我将其应用于其他部分时，第一个部分不再工作”，因此使用

id

是问题的一部分，因为id只能应用于一个元素。谢谢@StephenP，我已经编辑了答案，以便在不同部分工作。什么事