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>
    <a href="#">aaaa1</a><br/><!--用这个立马就行了,真给气死-->
 <a href="http://www.likecs.com/javacript:showaa(this)">aaaa2</a><br/><!--今天下午一直用的这个一直不行,悲剧。知道原因的,求留言,非常感谢-->
    <a href="#" >本文出自:</a>
  </div>
</body>
</html>

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

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzppjg.html