使用style样式隐藏显示下级菜单的方法

<style type="text/style">

/*菜单 展开状态*/

 .nav dl.open dt{ background-position:0 0;}  

 .nav dl.open dd{ display:block;}

</style>

    <dl class="open">

         <dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">报销单管理</dt>

            <dd><a href="index.html" target="_self">添加报销单</a></dd>

            <dd><a href="list.html" target="_self">审核报销单</a></dd>

        </dl>

        <dl>

         <dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要采购</dt>

            <dd>信心收件箱</dd>

            <dd>信心发件箱</dd>

        </dl>

        <dl>

         <dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">我要销售</dt>

            <dd>信心收件箱</dd>

            <dd>信心发件箱</dd>

        </dl>

        <dl>

         <dt onclick="this.parentNode.className=this.parentNode.className=='open'?'':'open';">信息中心</dt>

            <dd>信心收件箱</dd>

            <dd>信心发件箱</dd>

        </dl>

    </div>

原文出自：http://blog.163.com/xiao_long/blog/static/21765117420132296434645/