Add/Remove Class onClick Jquery
<p>I have looked at what seems to be a million examples of how to get the link a user clicks to change class, while ensuring the sibling links take their original class.  I am very new to jQuery so admittedly I am lost when I try these different examples.  Here is my css:</p>

<pre><code>/*active link */
.current {
color: #f48239;
text-decoration: none;
}
/* inactive link*/
.link {
    color: black;
    text-decoration: none;

}
</code></pre>

<p>jQuery Function that only shows the div content that corresponds to the link being clicked:</p>

<pre><code> $(document).ready(function(){
    $('a').click(function () {
    var divname= this.name;
    $("#"+divname).show("fast").siblings().hide("fast");

    });

    });
</code></pre>

<p>And now the HTML:</p>

<pre><code>        &lt;div id="left"&gt;
            &lt;UL&gt;&lt;h2&gt;DBACO Projects&lt;/h2&gt;&lt;/UL&gt;
                    &lt;div id="headerspace"&gt;
                    &lt;/div&gt;              
            &lt;UL ID="links"&gt;&lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="QualcommInfo"&gt;QUALCOMM BUILDING M PROJECTS&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="StFrancisInfo"&gt;ST FRANCIS OF ASSISI CATHOLIC &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;COMMUNITY-PHASE 1&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="YumaInfo"&gt;YUMA PIVOT POINT HOTEL AND &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;CONFERENCE CENTER&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="RealtyInfo"&gt;REALTY INCOME CORPORATE &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;HEADQUARTERS&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="CenterCityInfo"&gt;CENTER CITY MARRIOTT&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="PalmInfo"&gt;PALM MOUNTAIN RESORT&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="TrailsInfo"&gt;THE TRAILS AT PALM SPRINGS&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="OtayInfo"&gt;OTAY LOGISTICS CENTER&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="CabrilloInfo"&gt;CABRILLO MEDICAL OFFICE BUILDING&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="NorthgateInfo"&gt;NORTHGATE COMMUNITY CHURCH&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;BR&gt;
            &lt;LI&gt;&lt;h6 style="display: inline;"&gt;&lt;A class="link" HREF="#" NAME="LomaInfo"&gt;LOMA ALTA VILLAGE MOB&lt;/A&gt;&lt;/h6&gt;&lt;/LI&gt;&lt;/UL&gt;
        &lt;/div&gt;
</code></pre>

<p>Any ideas on how to get the link clicked to take the class of "current" while ensuring all the other links stay with the class of "link" would be greatly appreciated.</p>
