JavaScript (jQuery?): Toggle multiple classes with one click
<p>When the user clicks div.togglethis, I need two things to happen: </p>

<ol>
<li><p>Add an "active" class to div.togglethis</p></li>
<li><p>Add a "show" class to an outside element div.showthis</p></li>
</ol>

<p>When the user clicks on div.togglethis a second time, it removes those two classes from both elements.</p>

<p>I am somewhat new to javascript,  so any assistance is welcome. </p>

<p>HTML: </p>

<pre><code>&lt;div class="togglethis"&gt;Click me to add "active"&lt;/div&gt;
&lt;div class="showthis"&gt;When togglethis is "active", I am "showthis"&lt;/div&gt;
</code></pre>
