li 隐藏/显示内容

js 代码

 

1. <style type="text/css">  
2.       .dc { display: none; }  
3. </style>  
4. <script language="javascript">  
5.       function test(e) {  
6.             e.style.display = e.style.display == 'inline' ? 'none' : 'inline' ;              
7.       }  
8. </script>  

html 代码

 

1. <ul>  
2.         <li onclick="test(children[0]);">新闻  
3.              <div class="dc" onclick="event.cancelBubble = true;">  
4.                 <p>11111</p>  
5.              </div>  
6.         </li>  
7.         <li onclick="test(children[0]);">音乐  
8.              <div class="dc" onclick="event.cancelBubble = true;">  
9.                  <p>22222</p>  
10.                  <p>2222222</p>  
11.              </div>  
12.         </li>  
13. </ul>