CSS在表单提交响应中显示/隐藏div

<div class="container">
  <form>
    <!-- 表单内容 -->
  </form>
  <div id="hiddenDiv">
    <!-- 要显示/隐藏的内容 -->
  </div>
</div>

.show {
  display: block;
}

.hide {
  display: none;
}

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为

  var hiddenDiv = document.getElementById('hiddenDiv');
  if (hiddenDiv.classList.contains('hide')) {
    hiddenDiv.classList.remove('hide');
    hiddenDiv.classList.add('show');
  } else {
    hiddenDiv.classList.remove('show');
    hiddenDiv.classList.add('hide');
  }
});