在css的div中，将颜色和文本放在单词的顶部以隐藏它，然后单击显示隐藏的文本

<div class="container">
  <div class="hidden-text"></div>
  <p class="text">隐藏的文本内容</p>
</div>

.container {
  position: relative;
}

.hidden-text {
  display: none;
}

.hidden-text::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  background-color: #000;
}

.text {
  cursor: pointer;
}

document.querySelector('.text').addEventListener('click', function() {
  var hiddenText = document.querySelector('.hidden-text');
  if (hiddenText.style.display === 'none') {
    hiddenText.style.display = 'block';
  } else {
    hiddenText.style.display = 'none';
  }
});