title: removeclass doesnt work
body: <p>i have a very simple question, actually this is not the question, this is fixing the javascript mistake, anyway, here is the code:</p>
  
  <pre><code>    $(document).ready(function() {
          $('#accordion a.item').click(function () {
              $(this).addClass('selected');
              $(this).removeClass('selected');
              $('#accordion li').children('ul').slideUp('slow'); 
              $(this).siblings('ul').slideDown('slow');  
          });
      });
  </code></pre>
  
  <p>and the html:</p>
  
  <pre><code>&lt;ul id="accordion"&gt;
      &lt;li&gt;
          &lt;a href="#" class="item"&gt;BANKS&lt;/a&gt;
          &lt;ul&gt;BLA BLA BLA&lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a href="#" class="item"&gt;PETROL&lt;/a&gt;
          &lt;ul&gt;BLA BLA BLA&lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>when i click one of the link, the 'selected' class is added to it, but when i click the other link, the class 'selected' is not removing, what can be the mistake there?</p>
  
  <p>thank you all for helping! i really appreciate it!</p>