Javascript 如何使子菜单在单击后保持可见？

我已经建立了一个管理面板，在侧边栏中有一个子菜单和菜单，但我面临的问题是我想保持可见，当我点击其中一个子菜单…但它再次进入主菜单

如何使子菜单保持可见。请提供代码方面的任何建议或帮助

 <div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard</a>
        <ul>
            <li class="submenu"> <a href="#"><i class="icon icon-list"></i> <span>Members</span></a>
                <ul>
                        <li><a href="">Create Member</a></li>               
                        <li><a href="">Member List</a></li>                
                </ul>
            </li>
            <li class="submenu"> <a href="#"><i class="icon icon-list"></i> <span>Payroll</span></a>
                <ul>
                        <li><a href="">Create Monthly Payroll</a></li>               
                        <li><a href="">Edit Monthly Payroll</a></li>                           
                </ul>
            </li>
            <li class="submenu"> <a href="#"><i class="icon icon-list"></i> <span>Report</span></a>
                <ul>
                        <li><a href="">Manager Monthly Report</a></li>               
                        <li><a href="">Employee Monthly Report</a></li>                      
                </ul>
            </li>
        </ul>
    </div>

你能添加相关的CSS和JavaScript吗？在这里创建一个提琴会很有帮助