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>

 

說明:這種寫法相信各位童鞋看到的不多,我從一個實習的同事那看到的,據說是他們老師教的。

各位客官如果有個人看法或者更好的寫法,請在下邊留言,必回復。可能回復的不太及時。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM