HTML5의 nav 태그 정보

<nav class="top-nav">
                        <span class="nav-container">
                                <span class="nav-top-bg"></span>
                        <span class="nav-bottom-bg"></span>
                        </span>
</nav>

<div class="nav-title-wrapper" id="nav_menus">
                <ul>
                        <li><a href="{:U('mindex')}">页</a></li>
                        <li><a href="{:U('login')}">录</a></li>
                        <li><a href="{:U('register')}">册</a></li>
                        <li><a href="">人</a></li>
                        <li><a href="">们</a></li>
                </ul>
                <div class="nav-left"></div>
</div>
点击上面的导航按钮，弹出下面的菜单，通过什么事件触发的，没有js代码，怎么触发的，如果我要增加一个按钮，弹出导航条，js该怎么写，新人求解答