테스트 사이트 - 개발 중인 베타 버전입니다

접기/펼치기 소스 질문입니다. 도와주세요~~

· 13년 전 · 4597 · 5
 1번
 2번

이런 표에서 1번을 클릭하면

 1번
 1번 내용
 2번

이렇게 되고 다시, 2번을 클릭하면

 1번
 2번
 2번 내용

이렇게 되는 소스를 알고 싶습니다.

검색해서 소스를 구해보니 클릭시 아래에 내용이 펼쳐지는 소스는 찾았으나
1번을 클릭해서 내용을 펼친 뒤, 2번을 클릭하면 1번 내용이 펼쳐져 있는 상태에서 2번 내용이 펼쳐 집니다. 그림으로 표현하자면

 1번
 1번 내용
 2번
 2번 내용

이렇게 됩니다. 저는 1번을 클릭하면 1번 아래에 1번 내용이 펼쳐지고, 2번을 클릭하면 먼저 펼쳐졌던 1번 내용이 닫히고 2번 아래에 2번 내용이 펼쳐지는 그런 소스를 알고 싶습니다.
그러니까... 다른거 펼치면 원래 펼쳐있던게 자동으로 접기가 되는 것을 원합니다.

답변 부탁드립니다! 도와주세요!

그누보드에서 쓰는게 아니고 블로그에서 쓸거에요 도움 부탁드립니다 ㅠㅠ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

참고로 질문글에서 언급한 제가 찾은 소스입니다.
http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10501&docId=121753523&qb=dGFibGUg7Y687LmY6riw&enc=utf8&section=kin&rank=3&search_sort=0&spq=0&pid=g8zsI35Y7uGsssSgC4dssc--410260&sid=T8zA6@Z5zE8AAAVTbfA
13년 전
http://addyosmani.github.com/jquery-ui-bootstrap/

여기에도 있습니다~
연후하은아빠님 답변 감사합니다.

링크해주신 사이트 다운로드 버튼 아래에 있는 Accordion이 제가 원하던 형식이네요.
그런데 다운로드 받아서 압축풀고 확인해봐도 Accordion를 사용할 수 있는 html 소스가 어디에 있는지 모르겠습니다. ㅠㅠ

그리고 저런 형식을 제가 블로그 포스팅할 때 본문에 삽입하고 싶은데 삽입할 수가 있나요?
13년 전
js파일안에 css파일안에 들어있네욤
간단한 방식으로
http://www.hompy.info/518
13년 전
아 블로그라...
jQuery로 쉽게 되는데 아쉽군요...

게시글 목록

번호 제목
12463
12462
12461
12460
12459
12458
12457
12456
12455
12454
12453
12452
12451
12450
12449
12448
12447
12446
12445
12444
12443
12442
12441
12440
12439