Multiple toggle classes
<p>On a <code>&lt;span&gt;</code> element I have the following HTML:</p>

<pre><code>&lt;span (click)="openLeft()"&gt;&lt;/span&gt;
</code></pre>

<p>A <code>@Component</code>'s method sets a <code>boolean</code> variable:</p>

<pre><code>private isOpen: boolean;
openLeft() {
    this.isOpen = !this.isOpen;
}
</code></pre>

<p>Finally, I need to set a class on another element just like we could do it in jQuery:</p>

<pre><code>$('.collapse').toggleClass('in').toggleClass('hidden-xs').toggleClass('visible-xs');
</code></pre>

<p>So, I need to add/remove multiple classes depending on the <code>boolean</code> variable.</p>

<p>How can I achieve this?</p>