title: Get element that was clicked
body: <p>I currently need to be more specific in my functionality for a class toggle that needs to only occur in the children within the element being clicked. I have a class of ".node" and when this is clicked it should toggle a class on it's child ".node-dropdown". I have multiple of these nodes with (click)="showNodeDropdown" and currently all the node dropdowns are being hidden or shown at the same time.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="node" *ngIf="authService.isInternalUser()" (click)="showNodeDropdown()"&gt;
  &lt;span class=" fa fa-clock-o node-icon"&gt;&lt;/span&gt;
  &lt;p&gt;Menu Title&lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>Keep in mind there are multiple of these elements using (click)="showNodeDropdown()" throughout my page and this is just one example.</p>
  
  <p>JS</p>
  
  <pre><code>showNodeDropdown() {
      $('.node-dropdown').toggleClass('hidden');
  }
  </code></pre>
  
  <p>I tried changing my JS to be something like <code>$(this).children('.node-dropdown).toggleClass('hidden');</code></p>
  
  <p>however (this) is currently defined only as "object Object"</p>
  
  <p>Is there a way I can get the element that was clicked and set it to (this) so that I can toggle only on it's children? Thanks in advance for any help.</p>