title: Add/Remove Class with jquery function
body: <p>I have this code. </p>
  
  <p>CSS</p>
  
  <pre><code>body {
      font-family:Verdana, Geneva, sans-serif;
      font-size:14px;
  }
  
  .slidingDiv {
      height:300px;
      background-color: #99CCFF;
      padding:20px;
      margin-top:10px;
      border-bottom:5px solid #3399FF;
  }
  
  .show_hide {
      display:none; 
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;a href="#" class="show_hide"&gt;Show/hide&lt;/a&gt;
  &lt;br /&gt;
  &lt;div class="slidingDiv"&gt;
      Fill this space with really interesting content.
      &lt;a href="#" class="show_hide"&gt;hide&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(function(){
      $(".slidingDiv").hide();
      $(".show_hide").show();
      $('.show_hide').click(function(){
          $(".slidingDiv").slideToggle();
      });
  });
  </code></pre>
  
  <p>Someone tell me if its possible to add in this jquery function that if i click on it, at the same time to show/hide a new div, change a class to an  tag and remove another class from another  tag? How can i do it?</p>
  
  <p>Thanks.</p>