js+css+div的点击后显示或者隐藏
<html >
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<script type="text/javascript">
function showaa(obj)
{
//var obj_parent=obj.parentNode;
var obj_parent=obj.parentElement
if(obj_parent.className=="aa_show")
{
obj_parent.className="aa_hide";
}
else
{
obj_parent.className="aa_show";
}
}
</script>
<style type="text/css">
.aa_show a.two
{
display:block;
}
.aa_hide a.two
{
display:none;
}
</style>
<body>
<div class="aa_hide">
<a href="#" onclick="showaa(this)">aaaa1</a><br/><!--用这个立马就行了，真给气死-->
<a href="javacript:showaa(this)">aaaa2</a><br/><!--今天下午一直用的这个一直不行，悲剧。知道原因的，求留言，非常感谢-->
<a class="two" href="#" >本文出自：http://www.cnblogs.com/ribavnu/p/3228887.html</a>
</div>
</body>
</html>
说明：这种写法相信各位童鞋看到的不多，我从一个实习的同事那看到的，据说是他们老师教的。
各位客官如果有个人看法或者更好的写法，请在下边留言，必回复。可能回复的不太及时。
