Javascript onclick JS事件的多个变量，需要双击事件处理程序才能删除

我有多个部分，我正试图根据用户的需要展开/折叠。理想情况下，他们可以随时打开他们想要的东西。我对Javascript非常陌生，所以我不知道是否有更好的方法来实现这一点。。。。目前，我有一个功能，为每个部分。此外，您必须单击事件处理程序以使其聚焦，然后再次单击它，以便激活onClick操作。我想只需点击按钮一次，它就可以做一些事情

我已经看过了，但没有使用ajax。 这不起作用。 我也试过，但我认为这不适用于我正在做的事情

function ShowMe() {  
var button = document.getElementById("DATA-PERSONAL"); 

var x = document.getElementById("PERSONAL-DATA"); 
 if (x.style.display === "none") 
  {
    button.innerHTML = "-";
    x.style.display = "block";
  } else {
    button.innerHTML = "+"
    x.style.display = "none";
  }
}

个人数据+
被隐藏/揭露的东西

---

我希望单击+一次，它会溢出div。我必须单击+两次才能完成此操作，但单击一次后，即使单击其他内容，它也会再次工作。另外，我希望有一种更简单的方法来编写所有showme（）函数的脚本，使其具有多个变量？也许不是，目前这个页面有27个showme函数。如果是这样的话，没关系。

这基本上是一个简单的手风琴。您可以在web上找到使用简单jQuery或JS为您制作的任何数字。但是这个小教程应该让你开始学习

---

.

谢谢。我知道必须有一个更简单的方法来做到这一点。成功了。非常感谢。