웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Accessible Searchable Accordion Plugin - jQuery a11yAccordion 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Accessible Searchable Accordion Plugin - jQuery a11yAccordion

해피CGI윤실장 2023. 6. 20. 09:15

a11y Accordion은 웹 페이지 내 콘텐츠 확장 및 축소를 위한
고급, 액세스 가능, 필터링 및 구성 가능한 jQuery 아코디언 플러그인입니다.


아래와 같은 특징들이 있습니다.

  • 아코디언 헤더 사이를 전환하는 Tab 키입니다.
  • Enter 키를 눌러 현재 아코디언 패널을 열거나 닫습니다.
  • 검색 상자를 사용하여 아코디언 머리글/패널/바닥글 콘텐츠를 필터링합니다.
  • 맞춤형 스타일링. Light & Dark 테마가 포함되어 있습니다.
  • 사용자 정의 액세스 가능 레이블.
  • 시맨틱 마크업. HTML 정렬되지 않은 목록을 기반으로 합니다.
  • 중첩된 아코디언도 지원됩니다.


다운로드 받은 파일의 압축을 해제한뒤
index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다.




일반 적인 아코디언 메뉴에,
입력박스에 입력한 단어를 이용해서,
결과가 있는 메뉴를 찾아주는 검색기능이 구현되어 있습니다.

사용방법은 아래와 같습니다.






















 

 

 

Comments