jQuery Swapping Elements
<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>
