让<p>显示<div> onclick事件

Question

我在“ div”上方有一个“ p”，并且想在单击<div>时显示/隐藏<p>。

这是我的实际代码，facetwp-facet是我要显示/隐藏的“ div”

<p class="facet-label" onclick="show-hide-facet()">Label</p>

<script>function show-hide-facet() {
  var x = document.getElementsByClassName("facetwp-facet");
  if (x.style.display === "none") {
    x.style.display = "flex";
  } else {
    x.style.display = "none";
  }
}
</script>

我希望https://www.exercicedefoot.com/facet-test上的框与https://www.exercicesdefoot.com/home上的框相同