li 隐藏/显示内容

阅读更多

js 代码

"text/css">
      .dc { display: none; }

"javascript">
      function test(e) {
            e.style.display = e.style.display == 'inline' ? 'none' : 'inline' ;
      }

html 代码

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