SlideToggle back and removeClass?
<p>I have 3 elemets that are hidden from the beginning, there are also 3 links to show them with slideToggle. I'm looking for some solution to make my code simplier and to be more smart. I also have this problem, when a element is visible and I click on another link, I would like the visible link to toggle back before it toggle the new. As my code is now, it only toggles back when I click on the same link, but then the class that add bold font to indicate a selected link still gets bold. Hmmmm, could this be done in a better way? Precaite some help! Thanks!</p>

<pre><code>$(document).ready(function(){

$("#info").click(function() {
$("#aktuellt").removeClass("startsida_extra_selected");
$("#kontakt").removeClass("startsida_extra_selected");
$("#info").addClass("startsida_extra_selected");
$("#startbild_info").slideToggle("fast");
});

$("#aktuellt").click(function() {
$("#info").removeClass("startsida_extra_selected");
$("#kontakt").removeClass("startsida_extra_selected");
$("#aktuellt").addClass("startsida_extra_selected");
$("#startbild_aktuellt").slideToggle("fast");
});

$("#kontakt").click(function() {
$("#info").removeClass("startsida_extra_selected");
$("#aktuellt").removeClass("startsida_extra_selected");
$("#kontakt").addClass("startsida_extra_selected");
$("#startbild_kontakt").slideToggle("fast");
});
</code></pre>

<p>});</p>

<p>The HTML code for the jQuery:</p>

<pre><code>&lt;div id="startbild_info"&gt;
&lt;p&gt;info&lt;/p&gt;
&lt;/div&gt;

&lt;div id="startbild_aktuellt"&gt;
&lt;p&gt;aktuellt&lt;/p&gt;
&lt;/div&gt;

&lt;div id="startbild_kontakt"&gt;
&lt;p&gt;kontakt&lt;/p&gt;
&lt;/div&gt;
</code></pre>
