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.

HTML

```
<div class="node" *ngIf="authService.isInternalUser()" (click)="showNodeDropdown()">
<span class=" fa fa-clock-o node-icon"></span>
<p>Menu Title</p>

```

Keep in mind there are multiple of these elements using (click)="showNodeDropdown()" throughout my page and this is just one example.

JS

```
showNodeDropdown() {
    $('.node-dropdown').toggleClass('hidden');
}

```

I tried changing my JS to be something like `$(this).children('.node-dropdown).toggleClass('hidden');`

however (this) is currently defined only as "object Object"

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.