grid 트랙을 0fr에서 1fr로 바꿔 답변 높이를 전환한다. 닫힌 답변도 DOM에 남는다.
duolabs 랜딩에서 실서비스로 운영하며 검증된 구조를 그대로 가져왔습니다. 높이 애니메이션은 grid 트랙(0fr↔1fr)만 사용해 JS 측정 없이 부드럽게 동작합니다.
답변 콘텐츠는 항상 DOM에 렌더되고 overflow clip으로만 가려집니다. 검색엔진과 no-JS 환경 모두 전체 내용을 읽을 수 있습니다.
네. 각 항목이 독립적으로 열림 상태를 가지므로 원하는 만큼 동시에 펼칠 수 있습니다.
다른 패턴과 이어 붙인 화면에서 이 패턴이 어떤 자리에 놓이는지 볼 수 있습니다.