javascript显示隐藏层比较不错的方法分析

<ul class="qusetionList">
<li class="liHeader"><span class="colABC-A"></span><span class="colABC-B"></span><span class="colABC-C">者/者</span></li>

<li class="liBody"><span class="colABC-A">1</span><span class="colABC-B">想要小店需要付?</span><span class="colABC-C"><a href="#" title="" class="openLink"></a> 客服</span></li>
<li class="answer"><span class="colABC-B">
段於策其所以不收取任何用，使用者不用心。<BR>
除了加值服的功能模之外。</span><span class="colABC-C"><a href="#" title="" class="closeLink"></a> 客服</span></li>

<li class="liBody"><span class="colABC-A">2</span><span class="colABC-B">想要小店需要付?</span><span class="colABC-C"><a href="#" title="" class="openLink"></a> 客服</span></li>
<li class="answer"><span class="colABC-B">
段於策其所以不收取任何用，使用者不用心。<BR>
除了加值服的功能模之外。</span><span class="colABC-C"><a href="#" title="" class="closeLink"></a> 客服</span></li>
</ul>

document.getElementsByClassName = function(eleClassName)
{
var getEleClass = [];//定义一个数组
var myclass = new RegExp("//b"+eleClassName+"//b");//创建一个正则表达式对像
var elem = this.getElementsByTagName("*");//获取文档里所有的元素
for(var h=0;h<elem.length;h++)
{
var classes = elem[h].className;//获取class对像
if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像
}
return getEleClass;//返回数组
}
//上面这是捕捉class的方法，我一直用它，复制过来就OK。

var answer = document.getElementsByClassName("answer");
var openLink = document.getElementsByClassName("openLink");
var closeLink = document.getElementsByClassName("closeLink");

for (i = 0; i< openLink.length ; i++ )
{
(
function(i){
openLink[i].onclick = function (){
var j = i;
answer[j].style.display = "block"
}
closeLink[i].onclick = function (){
var j = i;
answer[j].style.display = "none"
}
}
)(i);
}