이미지 크레디트: Jupiterimages/Pixland/게티 이미지
웹 디자이너가 웹 사이트에서 텍스트를 확장 및 축소해야 하는 경우가 많습니다. 이 기능은 FAQ 설정, 블로그 항목 정리, 수수께끼 및 퀴즈 기능 생성과 관련하여 특히 유용합니다. 축소 가능한 텍스트를 구현하려면 이 Java 코드를 웹사이트에 삽입하십시오.
1 단계
접을 수 있는 텍스트를 추가하려는 웹 페이지의 HTML 코드를 엽니다. 및 태그를 찾습니다. 그 사이에 다음 코드를 복사하여 붙여넣습니다.
오늘의 비디오
2 단계
접을 수 있는 텍스트가 있어야 하는 섹션을 찾습니다. 거기에 다음 코드를 붙여넣습니다. 이 줄은 id가 "a1"인 섹션을 토글하는 헤더를 만듭니다.
섹션 1
ID가 "a1"이고 클래스가 "texter"인 컨테이너 내부에 섹션 텍스트를 입력합니다.섹션 1 내용.
3단계
추가 항목이 필요한 경우 각 섹션 제목 및 콘텐츠 영역에 대해 서로 다른 ID 쌍을 사용하여 패턴을 계속 진행합니다. 파일을 저장하고 코드를 테스트하여 제대로 작동하는지 확인하십시오. 헤더를 클릭하여 숨겨진 텍스트를 불러온 다음 사라지게 할 수 있어야 합니다.
