Div在单击时淡出并显示其他div

const divToClick = document.getElementById('divToClick');
divToClick.addEventListener('click', fadeOutAndShowOtherDivs);

function fadeOutAndShowOtherDivs() {
  const divToFadeOut = document.getElementById('divToFadeOut');
  const otherDivsToShow = document.getElementsByClassName('otherDivs');

  // 添加淡出效果
  divToFadeOut.style.transition = 'opacity 0.5s';
  divToFadeOut.style.opacity = '0';

  // 显示其他div
  for (let i = 0; i < otherDivsToShow.length; i++) {
    otherDivsToShow[i].classList.add('show');
  }
}

#divToFadeOut {
  opacity: 1;
}

.otherDivs {
  display: none;
}

.otherDivs.show {
  display: block;
  /* 可以添加其他样式来控制显示效果 */
}