title: setting active class and removing it from all others
body: <p>I've got a couple of divs to scroll between. I need to set the one in active view (after a link was clicked) to 'active' and all the other div's should have that class removed.</p>
  
  <p>Using toggle I can't get it to work.</p>
  
  <pre><code>$('.projecten').click(function () {
  $('#due').toggleClass('selected'),
      $paneTarget.stop().scrollTo('#due', 800, {
          margin: true,
          onAfter: function () {
              $("body").animate({
                  backgroundColor: "#1f8311"
              }, 800),projectenfade();
          }
      }); menuShow(),titleFadeOut();
  });
  </code></pre>
  
  <p>the html </p>
  
  <pre><code>&lt;div id="due" class="elements"&gt;
                      &lt;h3 class="resizeme"&gt;...&lt;/h3&gt;
                  &lt;/div&gt;
  &lt;div id="otto" class="elements"&gt;
                      &lt;h3 class="resizeme"&gt;...&lt;/h3&gt;
                  &lt;/div&gt;
  &lt;div id="etc" class="elements"&gt;
                      &lt;h3 class="resizeme"&gt;...&lt;/h3&gt;
                  &lt;/div&gt;
  
  ...
  
  &lt;div id="menu"&gt;
  
  &lt;p&gt;
          &lt;a class="welkom pointme"&gt;Welkom&lt;/a&gt; &lt;a class="blog pointme"&gt;Blog&lt;/a&gt; &lt;a class="media pointme"&gt;Media&lt;/a&gt; &lt;a class="projecten pointme"&gt;Projecten&lt;/a&gt; &lt;a class="contact pointme"&gt;Contact&lt;/a&gt; 
          &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>