求一个js函数显示和关闭div?

Question

示例html结构：

<ul>
<li>标题1
<div class='aaa'>我是标题1的内容</div>

</li>
<li>标题2
<div class='aaa'>我是标题2的内容</div>
</li>
</ul>

======================================================================
完成思路：li标签被单击时，onClik(this),先把自身传入来，然后寻找父节点的ul里面有多少个li，循环判断如果等于自身则赋予背景颜色和让div(aaa)显示，否则赋予另外一个背景颜色和让DIV（aaa）隐藏；

上面其实是一个选项卡界面，求人做一个函数，完成功能如下：
1、尽量别给ul赋值一个ID，如果指定了id那么减少了函数的通用性；
2、当li的onClik发生时(被单击)，让自身li标签的背景颜色变成黑色，然后自身li里面的div(aaa)显示出来，并且让其它li里面的div(aaa)变成隐藏;

Answer 1

回答你的问题，为了提供还是自己做更好，不过给你提示：1.首先不给ID你就可以计算BODY内有多少个子元素UL，然后第一个就是[0]；2.var x=document.getElementsByTagName('li')x.onclick = function(){xoxo.css("display","none")xoxo2.css("display","block")}