如何在幻灯片切换中隐藏div，并在单击时显示？

<div class="slideshow-container">
  <div class="slide">
    <!-- 幻灯片内容 -->
  </div>
  <div class="hidden-div">
    <!-- 需要隐藏的div内容 -->
  </div>
</div>

.hidden-div {
  display: none;
}

// 获取幻灯片容器和隐藏的div
var slideshowContainer = document.querySelector('.slideshow-container');
var hiddenDiv = document.querySelector('.hidden-div');

// 监听幻灯片切换事件
slideshowContainer.addEventListener('click', function() {
  // 切换div的可见性
  if (hiddenDiv.style.display === 'none') {
    hiddenDiv.style.display = 'block';
  } else {
    hiddenDiv.style.display = 'none';
  }
});