javascript - 怎样实现联动选项卡，

Question

                <li class="active">我的账户</li>
                <li>我的资产</li>
                <li>个人信息</li>
                <li>活动管理</li>
            </ul>
            <p class="userTab"   id="userTabChild">
                <ul class="tabList" id="tabList" style="display: block;" >
                    <li class="active">账户总览</li>
                    <li>交易记录</li>
                    <li>充值提现</li>
                    <li>银行卡管理</li>
                </ul>
                <ul class="tabList" style="display: none;" >
                    <li>我的投资 </li>
                    <li>投资记录</li>
                    <li>回款计划</li>
                    <li>我的借款</li>
                </ul>
                <ul class="tabList" style="display: none;" >
                    <li>#</li>
                </ul>
                <ul class="tabList" style="display: none;" >
                    <li>推广注册</li>
                </ul>
            </p>
            <p class="tabInfoContent" id="tabInfoContent">
                <p class="userInfo">111</p>
                <p class="userInfo">222</p>
                <p class="userInfo">333</p>
                <p class="userInfo">444</p>
            </p>

window.onload = function(){
               var list = document.getElementById("userTab");
               var btn = list.getElementsByTagName('li');
               var listContent = document.getElementById("userTabChild");
               var tabContentWrapper = listContent.getElementsByClassName('tabList');
               
                for( i = 0 ; i < btn.length ; i++ ){
                       btn[i].index = i;
                       btn[i].addEventListener('click' , function(){
                           for( i = 0 ; i < btn.length ; i++ ){
                               btn[i].className = '';
                               tabContentWrapper[i].style.display = 'none';
                           }
                           this.className = 'active';
                           tabContentWrapper[this.index].style.display = 'block';
                       },false);
               }

Answer 1

你把你的那个选项卡 改一下 改成多级联动就好了 ==！