点击li keep open ul with class collapse nav nav-pills nav-stacked

Question

我有一个侧栏包含以下代码，问题是当点击li时，子菜单消失但是我想在点击其中一个时显示它们并保持打开那个带有它的ul。

我在互联网上搜索了很多，并看到了很多例子，乍一看似乎他们没有我指出的问题，但是当我给它的href添加一个地址时，他们也没有保持打开ul。

     <ul class="nav nav-pills nav-stacked text-center" style="padding-    right:2px;" >

             <li>
             <a href="#collapse1" id="btn-1" class="text-center"  data-    toggle="collapse"><span><b>A</b></span>  </a>
                 <ul  class="nav nav-pills nav-stacked text-center collapse " id="collapse1" role="menu" aria-labelledby="btn-1" aria-expanded="false">
                             <li ><a  href="~/A/A-a">A-a</a></li>
                             <li ><a  href="~/A/A-b">A-b</a></li>
                             <li ><a  href="~/A/A-c">A-c</a></li>
                        </ul>
                     </li>               


                   <li>
                         <a href="#collapse2" class="text-center" data-toggle="collapse"><span><b>B</b></span></a>
                         <ul id="collapse2" class="collapse nav nav-pills nav-stacked  text-center collapse" aria-expanded="false">
                             <li ><a  href="~/B/B-a">B-a</a></li>
                             <li ><a  href="~/B/B-b">B-b</a></li>
                          </ul>
                     </li>                                                 
                 </ul>

如果单击li上的一个，当关闭它们点击其父li时，如何保持打开ul与id = collapse1和collapse2