title: How to redirect to li on click
body: <p>How can I show li on click of a button? I want on click of assignment button,
  Assign Lab Room &amp; Technican li should open.   </p>
  
  <p>Below is my html code for it.</p>
  
  <pre><code>&lt;div class="box-header" id = "liid"&gt;
      &lt;ul class="nav nav-tabs pull-left" style="cursor: move;"&gt;
          &lt;li &gt;&lt;a href="#payment" data-toggle="tab"&gt;Application&lt;/a&gt;&lt;/li&gt;
          &lt;li class="active"  id="assigned"&gt;&lt;a href="#appointment" data-toggle="tab"&gt;Assign Lab Room &amp; Technican&lt;/a&gt;&lt;/li&gt;                                 
          &lt;li class=""&gt;&lt;a href="#analysis" data-toggle="tab"&gt;Technican Analysis&lt;/a&gt;&lt;/li&gt;
          &lt;ng-container *ngIf="usertypeid==='3'"&gt;
          &lt;li class=""&gt;&lt;a href="#audit" data-toggle="tab"&gt;Audit1&lt;/a&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;a href="#audit1" data-toggle="tab"&gt;Audit2&lt;/a&gt;&lt;/li&gt;
          &lt;/ng-container&gt;
      &lt;/ul&gt;
  &lt;/div&gt;  
  
  &lt;button type="button" class="btn btn-primary btn-xs" data-toggle="modal" (click)="show()" &gt;&lt;i class="fa fa-edit"&gt;&lt;/i&gt;&amp;nbsp;Assignment&lt;/button&gt;
  </code></pre>
  
  <p>Below is my jQuery function as well:</p>
  
  <pre><code>show(){
      console.log("afdghj");
      $( "#assigned").show();            
  }
  </code></pre>