如何让他展示后再点击可自动收回菜单

点击直接隐藏别的菜单了,现在需要点击后可展开,再点击可缩回。别人流下的写法好麻烦啊。求佬们帮忙看看


<div class="layout-left guide-left">
    <div class="left-aside init ">
        <div class="init-left-div">
            <pri:privilege code="account-investigate-manager">
                <div class="wrapper-left-scene left-name-lists js-black-white ${param.topMenu eq 'apiData1'?"active":""}"
                     data-module="black-white">
                    <div class="left-title">
                        <div class="left-toggle-icon up-icon">
                            <a href="${ctx}/page/account-investigate/account-investigate-manager"
                               class="more iconfont icon-mingdanshuju-">
                                <span>账户排查管理span>
                            a>
                        div>
                    div>
                    <div class="policy-div list-div ${param.topMenu ne 'apiData1'?"hide":"open"}">
                        <ul class="policy-ul js-risk-list-cot">
                            <pri:privilege code="investigate-config">
                                <li class="policy-li ${param.subMenu eq 'apiList1'?'active':''}"><a
                                        href="${ctx}/page/account-investigate/account-investigate-manager/investigate-config"
                                        style="display: block"><span>排查配置span>a>
                                li>
                            pri:privilege>
                            <pri:privilege code="account-investigate-model">
                                <li class="policy-li ${param.subMenu eq 'apiLog1'?'active':''}"><a
                                        href="${ctx}/page/account-investigate/account-investigate-manager/account-investigate-model"
                                        style="display: block"><span>账户排查模型span>a>
                                li>
                            pri:privilege>
                            <pri:privilege code="account-investigate-view">
                                <li class="policy-li ${param.subMenu eq 'rule'?'active':''}"><a
                                        href="${ctx}/page/account-investigate/account-investigate-manager/account-investigate-view"
                                        style="display: block"><span>账户排查总览span>a>
                                li>
                            pri:privilege>
                        ul>
                    div>
                div>
            pri:privilege>
            <pri:privilege code="risk-account-investigate">
                <div class="wrapper-left-scene left-name-lists js-black-white ${param.topMenu eq 'investigation'?"active":""}"
                     data-module="black-white">
                    <div class="left-title">
                        <div class="left-toggle-icon up-icon">
                            <a href="${ctx}/page/account-investigate/risk-account-investigate"
                               class="more iconfont icon-mingdanshuju-">
                                <span>风险账户协查span>
                            a>
                        div>
                    div>
                    <div class="namelists-div policy-div list-div ${param.topMenu ne 'investigation'?"hide":"open"}">
                        <ul class="policy-ul">
                            <pri:privilege code="investigate-view">
                                <li class="policy-li ${param.subMenu eq 'investigation-incremental'?'active':''}">
                                    <a href="${ctx}/page/account-investigate/risk-account-investigate/investigate-view">协查总览a>
                                li>
                            pri:privilege>
                            <pri:privilege code="investigate-deal">
                                <li class="policy-li ${param.subMenu eq 'investigation-intercept'?'active':''}">
                                    <a href="${ctx}/page/account-investigate/risk-account-investigate/investigate-deal">协查处理a>
                                li>
                            pri:privilege>
                        ul>
                    div>
                div>
            pri:privilege>
            <pri:privilege code="account-classify">
                <div class="wrapper-left-scene left-name-lists js-black-white ${param.topMenu eq 'accountType'?"active":""}"
                     data-module="black-white">
                    <div class="left-title">
                        <div class="left-toggle-icon up-icon">
                            <a href="${ctx}/page/account-investigate/account-classify"
                               class="more iconfont icon-mingdanshuju-">
                                <span>账户分类span>
                            a>
                        div>
                    div>
                    <div class="namelists-div policy-div list-div ${param.topMenu ne 'accountType'?"hide":"open"}">
                        <ul class="policy-ul">
                            <pri:privilege code="personal-account">
                                <li class="policy-li ${param.subMenu eq 'personal-account'?'active':''}">
                                    <a href="${ctx}/page/account-investigate/account-classify/personal-account">个人账户a>
                                li>
                            pri:privilege>
                            <pri:privilege code="unit-account">
                                <li class="policy-li ${param.subMenu eq 'unit-account'?'active':''}">
                                    <a href="${ctx}/page/account-investigate/account-classify/unit-account">单位账户a>
                                li>
                            pri:privilege>
                        ul>
                    div>
                div>
            pri:privilege>
        div>
    div>
div>


太长了不看。要确定点击哪里隐藏,记录一个状态展开或隐藏,判断一下。