您的位置：首页 > Web前端 > CSS

js+css+div的点击后显示或者隐藏

2013-07-31 21:24 651 查看

<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="#" >本文出自：/article/5206031.html</a>
</div>
</body>
</html>

说明：这种写法相信各位童鞋看到的不多，我从一个实习的同事那看到的，据说是他们老师教的。

各位客官如果有个人看法或者更好的写法，请在下边留言，必回复。可能回复的不太及时。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航