title: jQuery - Remove class from any <li> that wasn't just clicked
body: <p>Lets say I have list like this...</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="one"&gt;One&lt;/li&gt;
    &lt;li class="two"&gt;Two&lt;/li&gt;
    &lt;li class="three"&gt;Three&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>...and I want to be able to toggle class in the li's...</p>
  
  <pre><code>$( "li" ).click(function() {
      $( "li" ).toggleClass( "active" );
  });
  </code></pre>
  
  <p>..also I want the li's except the one that was clicked to never show as '.active' while still maintaining the toggleClass ability in the '.active' li</p>
  
  <p>So I was thinking maybe I want to removeClass from any other li's except the one what was clicked. I don't know how I could do that though...</p>
  
  <p>Any ideas on how to achieve something like that? I'm sure its rather easy but I have no idea as I'm very new to jQuery</p>
  
  <p><strong>Solved - If someone wants to see it.. there we go:</strong>
  <a href="http://jsfiddle.net/6jm2s/17/" rel="nofollow">http://jsfiddle.net/6jm2s/17/</a>
  <strong>also this one...</strong>
  <a href="http://jsfiddle.net/6jm2s/18/" rel="nofollow">http://jsfiddle.net/6jm2s/18/</a></p>
  
  <p><strong>Both answers work perfectly.. @jondavidjohn &amp; @hunter Thank you guys... too bad I can't put Checkmark on both answers... but I will let hunter have it as his code is shorter.. :)</strong></p>