FAQ 자주하는 질문 - 첫번째 항목 노출 버전

조회 수 559 추천 수 0 2010.01.06 13:09:43
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 자주하는 질문</title>
<script type="text/javascript">
// 첫번째 항목 노출
 function toggleList(tabContainer) {
 var tabContainer=document.getElementById(tabContainer)
 var triggers = tabContainer.getElementsByTagName("a");

 for(i = 0; i < triggers.length; i++) {
  if (triggers.item(i).href.split("#")[1])
   triggers.item(i).targetEl = document.getElementById(triggers.item(i).href.split("#")[1]);

  if (!triggers.item(i).targetEl)
   continue;

  triggers.item(i).targetEl.style.display = "none";
  triggers.item(i).className="";
  triggers.item(i).onclick = function () {
   if (tabContainer.current == this) {
    this.targetEl.style.display = "none";
    this.className="";
    tabContainer.current = null;
   } else {
    if (tabContainer.current) {
     tabContainer.current.targetEl.style.display = "none";
     tabContainer.current.className="";
    }
    triggers.item(0).targetEl.style.display = "none";
    this.targetEl.style.display = "block";
    this.className="on";
    tabContainer.current = this;
   }
   return false;
  }
 }
 triggers.item(0).targetEl.style.display = "block";
}
</script>
<style type="text/css">
    dl.faqList{border-top:2px solid #ddd;border-bottom:1px solid #ddd;margin:20px 0 10px 0;}
    dl.faqList dt{height:15px;border-bottom:1px solid #ddd;padding:8px 0 6px 18px;padding-left:27px;background:url(http://vozzang.net/vzscript/js/faq/faq_q.gif) no-repeat left center;}
    dl.faqList dt a{display:block;background:url(http://vozzang.net/vzscript/js/faq/faq_basic.gif) no-repeat right top;}
    dl.faqList dt a.on{background:url(http://vozzang.net/vzscript/js/faq/faq_selected.gif) no-repeat right top;}
    dl.faqList dd{background:#f7f7f7;border-top:2px solid #eaebeb;padding:15px 18px;border-bottom:1px solid #ddd;}
    dl.faqList dd.close{display:none;}
    dl.faqList dd p{background:url(http://vozzang.net/vzscript/js/faq/faq_a.gif) no-repeat left top;padding-left:24px;}
</style>
</head>

<body>

    <!-- Faq List Start -->
    <div class="faqBox">
        <dl class="faqList" id="faqList">
            <dt><a href="#faq1">마음에 들지 않는 상품의 교환이나 환불 기준은? </a></dt>
            <dd id="faq1"><p>사이즈,디자인,색상에 대한 불만 등 고객변심으로 인한 교환 및 환불은 원칙적으로구입일로부터 7일 이내에 가능하며 구입하신 상품과 영수증을 지참하시고 해당 구입처에 방문하시면 됩니다. 단, 수선한 상품이나 상품에 손상이 있는 경우는 교환및 환불이 불가능 합니다. </p></dd>
            <dt><a href="#faq2">마음에 들지 않는 상품의 교환이나 환불 기준은? </a></dt>
            <dd id="faq2"><p>사이즈,디자인,색상에 대한 불만 등 고객변심으로 인한 교환 및 환불은 원칙적으로구입일로부터 7일 이내에 가능하며 구입하신 상품과 영수증을 지참하시고 해당 구입처에 방문하시면 됩니다. 단, 수선한 상품이나 상품에 손상이 있는 경우는 교환및 환불이 불가능 합니다.</p></dd>
            <dt><a href="#faq3">마음에 들지 않는 상품의 교환이나 환불 기준은? </a></dt>
            <dd id="faq3"><p>사이즈,디자인,색상에 대한 불만 등 고객변심으로 인한 교환 및 환불은 원칙적으로구입일로부터 7일 이내에 가능하며 구입하신 상품과 영수증을 지참하시고 해당 구입처에 방문하시면 됩니다. 단, 수선한 상품이나 상품에 손상이 있는 경우는 교환및 환불이 불가능 합니다. </p></dd>
        </dl>
        <script type="text/javascript">toggleList("faqList");</script>
    </div>
    <!-- //Faq List End -->

</body>
</html>


profile

소속 : 밀짚모자 해적단

엮인글 :
http://www.vozzang.net/426/1c2/trackback
문서 첨부 제한 : 0Byte/ 2.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
16 크로스브라우징 가능한 폼 글자 수 계산 (트위터 처럼) id: 보짱보짱 2010-02-08 637
15 png-hack (IE5.5~6에서 PNG이미지를 투명처리) [1] id: 보짱보짱 2010-02-02 596
14 플로팅 메뉴 (퀵메뉴) id: 보짱보짱 2010-01-06 698
13 이미지 탭 (Change Banner) id: 보짱보짱 2010-01-06 612
» FAQ 자주하는 질문 - 첫번째 항목 노출 버전 id: 보짱보짱 2010-01-06 559
11 FAQ 자주하는 질문 id: 보짱보짱 2010-01-06 477
10 DIV 배경 새로고침할때마다 랜덤으로 바꾸기 id: 보짱보짱 2010-01-06 542
9 Multiple Image Viewer imagefile id: 보짱보짱 2010-01-06 494
8 전체메뉴 보기 레이어 imagefile id: 보짱보짱 2010-01-06 789
7 div나 table 등등을 슬라이드 id: 보짱보짱 2010-01-06 475
6 기본 인쇄(프린트) 스크립트 id: 보짱보짱 2010-01-06 491
5 창 닫기 스크립트 정리 id: 보짱보짱 2010-01-06 508
4 익스플로러, 파이어폭스, 오페라 즐겨찾기 추가 id: 보짱보짱 2010-01-06 515
3 쿠키 레이어 팝업 id: 보짱보짱 2010-01-06 507
2 Lightbox Plus file id: 보짱보짱 2010-01-06 535
1 초간단 롤오버 이미지 id: 보짱보짱 2010-01-06 530
XE Login