Я не могу создать родительскую ссылку для складной боковой панели Bootstrap

Question

Я использую bootstrap для создания базовой c API do c page.

Для боковой панели у меня возникают трудности при настройке ссылки (href) для родительского пункта меню.

Если я пытаюсь добавить ссылку на «Пункт меню 1» следующим образом:

<li class="nav-item">
                                  <a class="nav-link collapsed py-1" data-toggle="collapse" data-target="#sub_menu" aria-expanded="false" aria-controls="sub_menu" a href="#Main-1">
                                  <i class="fa fa-codepen"></i> Menu Item 1</a>  
                                  </li>

Это предотвращает сворачивание свертываемого меню.

Для этого свертываемого объекта работают подссылки меню html выглядит следующим образом.

<!-- Sidebar -->
         <div class="wrapper">
             <div id="srdf-section_sidebar">
                <div id="scrollholder" class="scrollholder">
                    <div id="scroll" class="scroll">

                                  <li class="nav-item">
                                  <a class="nav-link collapsed py-1" data-toggle="collapse" data-target="#sub_menu" aria-expanded="false" aria-controls="sub_menu">
                                  <i class="fa fa-codepen"></i> Menu Item 1</a>  
                                  </li>


                                   <div class="collapse" style="padding-left:40px;" id="sub_menu">

                                   <li class="nav-item">
                                   <a class="nav-link p-1" href="#section-1"><i class="fa fa-long-arrow-right"></i>Sub Menu Item 1</a>
                                   </li>

                                   <li class="nav-item">
                                   <a class="nav-link p-1" href="#section-2"><i class="fa fa-ge"></i>Sub Menu Item 2</a>
                                   </li>

                                   <li class="nav-item">
                                   <a class="nav-link p-1" href="#section-3"><i class="fa fa-forward"></i>Sub Menu Item 3</a>
                                   </li>

                                   <li class="nav-item">
                                   <a class="nav-link p-1" href="#section-4"><i class="fa fa-exchange"></i>Sub Menu Item 4</a>
                                   </li>

</div>



                        </div>
                     </div>
                  </div>
              </div>
            <!-- End Sidebar -->

См. пример здесь: http://michaelmccarthy.ie/apidocs/

Спасибо, М.