연습장:Sakura/1: 두 판 사이의 차이

  • 최근 수정 시각: 2023년 2월 19일 (일) 18:13
  • 위키의 문서를 이용할 때에는 문서의 라이선스를 확인하세요. 자세한 내용은 이용 약관을 참고하세요.
    이용자 보호 창구 | evewiki.kr@gmail.com후원계좌 | 100-152-076102 케이뱅크 김성보
편집 토론 문서 역사
< 연습장:Sakura
← 이전 편집다음 편집 →
시각위키텍스트
편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
태그: 되돌려진 기여
14번째 줄: 14번째 줄:
.content {
.content {
   position: absolute;
   position: absolute;
   top: 100%;
   top: 0;
   left: 0;
   left: 100%;
   width: 100%;
   width: 0;
   height: 0;
   height: 100%;
   overflow: hidden;
   overflow: hidden;
   transition: height 0.5s ease-in-out;
   transition: width 0.5s ease-in-out, left 0.5s ease-in-out;
}
}


36번째 줄: 36번째 줄:
toggleBtn.addEventListener('click', function() {
toggleBtn.addEventListener('click', function() {
   if (isCollapsed) {
   if (isCollapsed) {
     content.style.height = `${content.scrollHeight}px`;
     content.style.width = `${container.clientWidth}px`;
    content.style.left = 0;
     toggleBtn.textContent = '[접기]';
     toggleBtn.textContent = '[접기]';
   } else {
   } else {
     content.style.height = 0;
     content.style.width = 0;
    content.style.left = '100%';
     toggleBtn.textContent = '[펼치기 · 접기]';
     toggleBtn.textContent = '[펼치기 · 접기]';
   }
   }

2023년 2월 19일 (일) 18:13 판

숨겨진 내용입니다.