title: JavaScript (jQuery?): Toggle multiple classes with one click
body: <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>