javascript FAQ 기능(질문답변)_javascript 스킬

스크립트 유형= "text/ javascript">
onload = function(){
faq(document.getElementsByTagName("dl")[0], "dt", "dd")
/*
* faq 함수 : elem은 상위 요소, qTag는 제목 요소, aTag는 콘텐츠 요소
*/
}
function faq(elem, qTag, aTag){
aTag = aTag | | "dd"; // 아래와 동일
elem = elem || document; 🎜>for (var i = 0, len = dds.length; i < len; i ) {
dds[i].style.display = "none"
}
var dts = elem .getElementsByTagName(qTag);
for (var i = 0, len = dts.length; i < len; i ) {
dts[i].style.cursor = "hand"
dts [i].onclick = function (){
var next = this.nextSibling;
//현재 요소의 다음 요소에 대한 참조 가져오기
while (next.nodeType != 1) {
next = next.nextSibling;
}
if (next.style.display != "none") {
next.style.display = "none"
}
else {
next.style.display = "block";
}
}
}
}



테스트 코드: