li 隐藏/显示内容

js 代码

<style type="text/css">
      .dc { display: none; }
</style>
<script language="javascript">
      function test(e) {
            e.style.display = e.style.display == 'inline' ? 'none' : 'inline' ;
      }
</script>

html 代码

<ul>
        <li onclick="test(children[0]);">新闻
             <div class="dc" onclick="event.cancelBubble = true;">
                <p>11111</p>
             </div>
        </li>
        <li onclick="test(children[0]);">音乐
             <div class="dc" onclick="event.cancelBubble = true;">
                 <p>22222</p>
                 <p>2222222</p>
             </div>
        </li>
</ul>