请教一个弹出菜单关闭的问题

首先上代码

<nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active" href="#Papers">  
                <span class="mui-icon mui-icon-home"></span>  
                <span class="mui-tab-label">论文</span>  
            </a>  
            <a class="mui-tab-item" href="#Writing">  
                <span class="mui-icon mui-icon-email"></span>  
                <span class="mui-tab-label">著作</span>  
            </a>  
            <a class="mui-tab-item" href="#Patent">  
                <span class="mui-icon mui-icon-contact"></span>  
                <span class="mui-tab-label">专利</span>  
            </a>  
            <a class="mui-tab-item" href="#more">  
                <span class="mui-icon mui-icon-more"></span>  
                <span class="mui-tab-label">更多</span>  
            </a>  
</nav>

底部放了一个nav，点击更多的时候会弹出更多菜单

<div id="more" class="mui-popover mui-bar-popover" style="width:120px">  
    <div class="mui-popover-arrow"></div>  
    <ul class="mui-table-view">  
        <li class="mui-table-view-cell" >  
            <a class="mui-tab-item" href="#Software">软件</a>  
        </li>  
        <li class="mui-table-view-cell" >  
            <a class="mui-tab-item" href="#Award">获奖</a>  
        </li>  
    </ul>  
</div>

点击之后会显示对应的页面内容

<div id="Papers" class="mui-control-content mui-active" style="padding:5px">  
</div>  
<div id="Writing" class="mui-control-content" style="padding:5px;">  
</div>  
<div id="Patent" class="mui-control-content " style="padding:5px">  
</div>  
<div id="Software" class="mui-control-content " style="padding:5px">  
</div>  
<div id="Award" class="mui-control-content " style="padding:5px">  
</div>

请教一下，我想让弹出的更多菜单点击项目后自动消失要怎么才能实现？