tab底部选项卡加二级菜单

能不能在底部选项卡里既实现页面跳转，又实现两级菜单，比如我点首页，通讯录，设置都是跳转页面，点击消息会跳出2级菜单，分为ios，Android等。

<div class="mui-content">  
            <nav id="bar" class="mui-bar mui-bar-tab">  
                <a class="mui-tab-item mui-active" href="tab-main.html" data-id="main">  
                    <span class="mui-icon mui-icon-home"></span>  
                    <span class="mui-tab-label">首页</span>  
                </a>  
                <a class="mui-tab-item" href="tab-message.html" data-id="message">  
                    <span class="mui-icon mui-icon-email"></span>  
                    <span class="mui-tab-label">消息</span>  
                </a>  
                <a class="mui-tab-item" href="#Popover_0" data-id="contact">  
                    <span class="mui-icon mui-icon-contact"></span>  
                    <span class="mui-tab-label">通讯录</span>  
                </a>  
                <a class="mui-tab-item" href="tab-setting.html" data-id="setting">  
                    <span class="mui-icon mui-icon-gear"></span>  
                    <span class="mui-tab-label">设置</span>  
                </a>  
            </nav>  
            <div id="Popover_0" class="mui-popover mui-bar-popover" style="z-index:9999">  
            <div class="mui-popover-arrow"></div>  
            <ul class="mui-table-view">  
                <li class="mui-table-view-cell"><a href="#">iOS</a>  
                </li>  
                <li class="mui-table-view-cell"><a href="#">Android</a>  
                </li>  
                <li class="mui-table-view-cell"><a href="#">HTML5</a>  
                </li>  
            </ul>  
        </div>

这样写的，跳转页面后面有些是可以实现的，但是两级菜单出不来