title: jQuery Swapping Elements
body: <p>Ok let me make an example:</p>
  
  <pre><code>&lt;head&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  
      $("#options_2").hide();
      $("#options_3").hide();
  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="options_1"&gt;option 1&lt;/div&gt;
  &lt;div id="options_2"&gt;option 2&lt;/div&gt;
  &lt;div id="options_3"&gt;option 3&lt;/div&gt;
  &lt;a href="" class="selected"&gt;choose option 1&lt;/a&gt;
  &lt;a href=""&gt;choose option 2&lt;/a&gt;
  &lt;a href=""&gt;choose option 3&lt;/a&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>As you can see only option 1 is visible by default, and the link you click to show option 1 has the class="selected" by default, showing the user that that option is currently selected. I basically want it so that when they click "choose option 2" the options 1 div hides itself and the options 2 div shows itself, and then gives the second link the selected class and removes the class from the image link.</p>
  
  <p>It basically just tabs using links and divs but due to the format I have to display it in I cannot use any of the tabs plugins I have found online.</p>