[JAVA 개발] jqueryUI를 이용한 어코디언 만들기

jqueryui 를 사용하기 위해서는 먼저 이전 글을 통해 ui다운로드 및 세팅을 해주셔야 합니다.

 

[JAVA 개발] jqueryUI 사용법 및 버튼태그 UI적용  페이지를 참고하세요.

 

아코디언UI를 적용할때에는 제목과 내용이 한묶음으로 이루어져 있어야 하며,

 

여러개의 제목과 내용을  한 레이아웃으로 감싸는 부모태그가 존재해야 합니다.

 

전체 소스에 대한 부분 설명을 하도록 하겠습니다. 

 

① Include 소스 코드

 

② css 소스 코드 : 꼭 사용할 필요는 없습니다. 단지, 사용을 안할경우 전체넓이로 표시되어 작성하였습니다.

 

③ 스크립트 소스

 

④ HTML 소스

 

실행화면

각 타이틀 탭을 클릭하였을때 모두 정상적으로 값이 확인되었습니다.

감사합니다.