답글 : jQuery를 이용하여 FAQ 목록 만들기.

정찬명가 만듬

정찬명 — Fri, 01 Oct 2010 08:54:36 +0000

@심라
네, 아마도 차이가 있을것입니다. 화면낭독기가 잘 만들어진 것이라면 ‘비순차목록, 항목, 정의목록, 정의, 설명’과 같이 요소 이름을 함께 읽어줄 것입니다. 그러나 모든 화면낭독기가 이렇게 동작한다고 보장할 수는 없습니다. 국산 화면낭독기는 읽어주는것으로 알고 있습니다.

심라가 만듬

심라 — Fri, 01 Oct 2010 04:58:21 +0000

궁금한것이 있는데요, 위의 다섯가지 태그유형에 따라 문자낭독기가 읽어주는게 차이가 있나요?

정찬명가 만듬

정찬명 — Wed, 29 Sep 2010 16:53:14 +0000

@Loptz
조금이 아니라 전부 가져가실 수 있습니다.
http://naradesign.net/ouif/uio/list/faq/xhtml.html
이 페이지의 HTML/CSS/JS 코드를 복사해서 쓰시면 됩니다. ^^

Loptz가 만듬

Loptz — Wed, 29 Sep 2010 16:48:56 +0000

정찬명님
XE용 게시판으로 만들려고 합니다
그래서 정찬명님이 만드신 faq를 응용해서 만들려고 합니다.
혹시나 이 faq의 코드를 조금 주실수 있을까요 ?

정찬명가 만듬

정찬명 — Mon, 21 Jun 2010 03:13:41 +0000

@오파솜
지금 첫 번째 항목을 열어두는 코드를 임시로 넣어 두었습니다. 한번 확인해 보시겠어요?
http://naradesign.net/ouif/uio/list/faq/xhtml.html

오파솜가 만듬

오파솜 — Sun, 20 Jun 2010 14:37:11 +0000

최선기님. 정찬명님 댓글 감사합니다.
수정후의 소스를 적용해 보았습니다. 원하던 첫번째가 보이는건 잘 됩니다.
그런데 제가 잘못한건지 그 상태에서 2번째, 3번째를 클릭하게 되면 클릭한 부분의 답변이 바로 오픈되는게 아니라 첫번째 글의 답변이 닫히고 다른글이 오픈은 안됩니다.
저만 그런가요..??
이것까지 요구하는 건 아니구요. 저 첫번째 여는 방식의 구현을 알고 싶어서 여쭤본겁니다.
감사합니다..

정찬명가 만듬

정찬명 — Tue, 15 Jun 2010 15:15:22 +0000

@오파솜
최선기님 설명 감사합니다. ^^ 아래 코드를 이렇게 수정해 보세요.

수정전
var article = $(‘.faq .article’);
article.addClass(‘hide’);
article.find(‘.a’).slideUp(100);

수정후
var article = $(‘.faq .article’);
article.addClass(‘hide’);
article.find(‘.a’).slideUp(100);
article.eq(0).removeClass(‘hide’).addClass(‘show’);
article.eq(0).find(‘.a’).slideDown(100);

eq(0) 이면 첫 번째 항목을 선택하는 것입니다. eq(1) 이면 두 번째 이구요.

최선기가 만듬

최선기 — Tue, 15 Jun 2010 10:36:39 +0000

이것을 이용해 FAQ를 작성 하였습니다.
정말 좋은 내용 고맙습니다. ^^

@오파솜
저는 eq:(0) 으로 오픈하였습니다.

오파솜가 만듬

오파솜 — Mon, 14 Jun 2010 15:24:09 +0000

정말 좋은 내용입니다. 꼭 필요하던 내용을 찾던중에.. 정말 맘에 드는걸 찾고 수정하고 만지작 하는데요.. 궁금한게 하나있습니다. 첫번재 글을 오픈하고 싶은데. 쉽지 않네요.. 혹시 되는지 궁금합니다.

정찬명가 만듬

정찬명 — Thu, 27 May 2010 00:57:14 +0000

@박성호
네, 저도 이걸 한 번에 이해하시리라고 기대하고 드린 답변은 아니었습니다. 글로 쓰다보니 아무래도 전달력이 떨어지고 늦게라도 이해가 되셨으면 좋겠습니다. ^^