效果如下图：当点击问题时显示下面的回复内容。
复制代码 代码如下:
script type=text/javascript>
onload = function(){
faq(document.getelementsbytagname(dl)[0], dt, dd);
/*
* faq函数：elem是父元素，qtag是标题元素，atag是内容元素
*/
}
function faq(elem, qtag, atag){
atag = atag || dd; //提供默认值，下同
qtag = qtag || dt;
elem = elem || document;
var dds = elem.getelementsbytagname(atag);
for (var i = 0, len = dds.length; i dds[i].style.display = none;
}
var dts = elem.getelementsbytagname(qtag);
for (var i = 0, len = dts.length; 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;
}
}
}
}
测试代码：
untitled document one question:what are ready to do? what i want to do is you,do you understand my feeling to you. i hope you are the same to me. two questing:what do you want? i want to see you now,i miss you so much,i want to see you at this moment. three question:do you want to have a girlfriend? i think everyone want it so much,me too,i want to have someone talk to me everyday.
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]