Javascript 单击后折叠导航栏菜单

这是我的导航栏。它位于angular 2中。单击导航栏项目后它不会隐藏。单击其中任何一个项目后，我应该使用哪个代码隐藏菜单项。请查找并告知结果。提前感谢。

提供组件$（'.navbar collapse ul li a'）的javascript代码。单击（function（）{$（'.navbar toggler:visible'））。单击（）；}）；这是我的.ts文件，对应于.html文件提供组件$（'.navbar-collapse-ul-li-a'）的javascript代码。单击（function（）{$（'.navbar-toggler:visible'）。单击（）；}）；这是与.html文件相对应的.ts文件

<nav class="navbar navbar-toggleable-md fixed-top top-header">
      <div class="container">
        <a href="" data-target="#sidebar" data-toggle="collapse" class="hidden-md-up">
          <img alt="" src="/images/portal/bar-icon.png">  
        </a>
        <a class="navbar-brand" [routerLink]="['/']" *ngIf="portalInfo">
          <!--[routerLink]="['/']"-->
        <img  *ngIf="portalInfo.logo_url" src="{{portalInfo.logo_url}}" width="120" height="30" />
        <span *ngIf="!portalInfo.logo_url" >{{portalInfo.portal_name}}</span>
        </a>
        <a class=" phone-m hidden-md-up hidden-lg-up" (click)="open(content)">
          <img src="/images/portal/phone-m.png" class="pull-right" alt="call-for-loan" />
        </a>
        <div class="collapse navbar-collapse top-header-nav pull-right" id="navbarsExampleDefault" >
          <div class="col-md-12 pull-right">

            <div class="header-contact">
              <ul class="list-unstyed"  *ngIf="portalInfo">
                  <li>
                      <a href="tel:{{portalInfo.loan_number}}" class="hidden-xs-down default-cursor">
                          <!--<img src="/assets/images/phone_headder.png" alt="logo" />-->
                          <span class="headermob-icon"></span>
                          <span>For Loan: {{portalInfo.loan_number}}</span>
                      </a>
                  </li>
                  <li>
                      <a href="tel:{{portalInfo.contact_number}}" class="hidden-xs-down default-cursor">
                          <!--<img src="/assets/images/phone.png" alt="logo" />-->
                          <span class="headermob-icon"></span>
                          <span>Call: {{portalInfo.contact_number}}</span>
                      </a>
                  </li>
              </ul>
            </div>

            <ul class="navbar-nav pull-right" >
              <ng-container *ngFor="let m of menu;">
                  <li class="nav-item menu" *ngIf="m.top && m.link_type=='INTERNAL'">
                      <a  class="nav-link" [routerLink]="[m.link]" href="{{m.link}}">{{m.name}}></a>
                  </li>
                  <li class="nav-item" *ngIf="m.top && m.link_type!='INTERNAL'">
                      <a  class="nav-link" target="_blank" href="{{m.link}}">{{m.name}}</a>
                  </li>
              </ng-container>
            </ul>

          </div>
        </div>
      </div>
  </nav>