글 수 16
<!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>

보짱