如何在轻敲按钮时来回切换图像和文本？

<button id="toggleButton">切换</button>
<div id="contentContainer">
  <img src="image.jpg" alt="图像">
  <span>文本内容</span>
</div>

var toggleButton = document.getElementById('toggleButton');
var contentContainer = document.getElementById('contentContainer');

toggleButton.addEventListener('click', function() {
  // 切换图像和文本的显示状态
  if (contentContainer.style.display === 'none') {
    contentContainer.style.display = 'block';
  } else {
    contentContainer.style.display = 'none';
  }
});

#contentContainer {
  display: none; /* 初始状态下隐藏容器 */
  transition: opacity 0.5s; /* 添加渐变动画效果 */
}