从左侧滑入父div中隐藏的div (具有相同类的多个div)

<div class="parent">
  <div class="child">内容1</div>
  <div class="child">内容2</div>
  <div class="child">内容3</div>
</div>

.parent {
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100%;
  background-color: #ccc;
  transition: left 0.3s ease;
}

const parent = document.querySelector('.parent');
const children = document.querySelectorAll('.child');

// 添加事件监听器，比如点击按钮时触发
button.addEventListener('click', () => {
  children.forEach(child => {
    child.style.left = '0';
  });
});