如何用JavaScript隐藏身体但保持图像显示

<div id="container">
  <img src="image.jpg" alt="Image">
  <p>这是一段文本内容。</p>
</div>

#container p {
  display: none;
}

const container = document.getElementById("container");
const image = document.querySelector("img");
const paragraph = document.querySelector("p");

image.addEventListener("click", function() {
  if (paragraph.style.display === "none") {
    paragraph.style.display = "block";
  } else {
    paragraph.style.display = "none";
  }
});