title: RemoveClass and AddClass not Working on my SlideDown Login Panel
body: <p>Helo, I have this top login panel, slides down and up.</p>
  
  <p>But what I need is this: when clicking <code>div#contenido</code> the panel slides up, but the link that says "Cerrado" does not changes to "Modulo". It always says "Cerrado".</p>
  
  <p>I need when clicking <code>div#contenido</code> this change to "Modulo", but it always stays on "Cerrado".</p>
  
  <p>I tried with <code>AddClass()</code> and <code>RemoveClass()</code> does not work.</p>
  
  <p>This is my script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          // Expand Panel
          $(".open").click(function () {
              $("div#panel").slideDown("fast");
  
          });
  
          // Collapse Panel
          $(".close").click(function () {
              $("div#panel").slideUp("fast");
          });
  
          // Switch buttons from "Log In | Register" to "Close Panel" on click
          $(".toggle a").click(function () {
              $(".toggle a").toggle();
          });
          $("div#contenido").click(function () {
              $(".toggle a").removeClass("close").addClass("open");
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my HTML</p>
  
  <pre><code>&lt;div id="toppanel"&gt;
      &lt;div id="panel"&gt;
          &lt;div class="content clearfix"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="tab"&gt;
      &lt;ul class="login"&gt;
          &lt;li class="left"&gt;&amp;nbsp;&lt;/li&gt;
          &lt;li class="toggle"&gt;
              &lt;a class="open"  href="#"&gt;Módulo&lt;/a&gt;
              &lt;a class="close" style="display: none;" href="#"&gt;Cerrar&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="right"&gt;&amp;nbsp;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="toggle"&gt;
      &lt;div id="contenido"&gt;
          &lt;div class="close"&gt;
              &lt;br /&gt;
              &lt;br /&gt;
              &lt;br /&gt;
              &lt;br /&gt;
              &lt;br /&gt;
              &lt;br /&gt;
              &lt;h1&gt;Panel Desplegable&lt;/h1&gt;
              &lt;br /&gt;
              &lt;p&gt;Un párrafo es un grupo de palabras en un texto escrito que expresa una idea o un argumento, o reproduce las palabras de una historia o la vida actual. Está compuesto por un conjunto de oraciones que tienen cierta unidad temática o que, sin tenerla, se enuncian juntas. Es un componente del texto que en su aspecto externo inicia con una mayúscula y termina en un punto y aparte. Comprende varias oraciones relacionadas sobre el mismo subtema; una de ellas expresa la idea principal. Es el conjunto de oraciones constituidas de un texto separadas por un punto y aparte y punto y seguido.&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Hope you can help me!</p>
  
  <p>Thank you.</p>
  
  <p>Sorry for my bad english u_u</p>