JQUERY Tab Menu Uygulaması

arkadaşlar merhaba,

jquery kullanarak tab menu yapmaya çalışıyorum.ancak bir sorun var çözemedeiğim."li" taglarının aktif olduğu zaman ki clasını değiştiremedim.2 gündür yapmaya çalışıyorum.bir türlü olmadı.son çare size sormaya karar verdim.yardımlarınızı bekliyorum.


menümün css kodları aşağıdaki gibi:

#tabsC {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabsC ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("../img/tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("../img/tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }

        #tabsC .current a {
                background-position:0% -42px;
        }
        #tabsC .current a span {
                background-position:100% -42px;
        }

.TabContent{
border:3px solid #7FC15D;
margin-top:26px;
background-color:#FFFFFF;
}

html kodları şu şekilde:

<div id="tabsC">
     <ul>
   <!-- CSS Tabs -->
<li id="Tab1" onclick="ContentOpen(1);"><a href="#"><span>Duvar</span></a></li>
<li id="Tab2" onclick="ContentOpen(2);"><a href="#"><span>Haberler</span></a></li>
<li id="Tab3" onclick="ContentOpen(3);"><a href="#"><span>Profil</span></a></li>
<li id="Tab4" onclick="ContentOpen(4);"><a href="#"><span>Fotograf</span></a></li>
<li id="Tab5" onclick="ContentOpen(5);"><a href="#"><span>Video</span></a></li>
      </ul>
     <div class="TabContent" id="TabContent1">
        1111111111
     </div>
     <div class="TabContent" id="TabContent2">
        2222222222222
     </div>
     <div class="TabContent" id="TabContent3">
        33333333333
     </div>
     <div class="TabContent" id="TabContent4">
        44444444444
     </div>
     <div class="TabContent" id="TabContent5">
       555555555
     </div>
   </div>

javascript kodlarım da şu şekilde:

//JQuery Kodlarim

$(document).ready(function() {
	$('.TabContent').css('display','none');
	$('#TabContent1').css('display','block');
	$('#Tab1').addClass('current');
});
 
function ContentOpen(id) {
	
	$('.TabContent').css('display','none');
	
	$('#TabContent'+id).css('display','block');
	$('#Tab'+id).addClass('current');
}

umarım bir çözüm bulabilrisiniz arkadaşlar.tek sorunum tıklanan aktif linkin css clasını değiştirmek,tıklama geçekleştiğinde şağıda açılan dinlerin değişmesi olatında falan bir sıkıntı yok. internetteki örnekleri çok araltırdm ama yapamadım.

vaktini ayırıp bu sorunu çözmeye çalışacak arkadaşlara şimdiden çok teşekkür ediyorum.

Kodları okumaya vaktim yok ancak yapmak istediğiniz jquery ile class atama iptal etme ise addClass ve removeClass fonksiyonları işinizi görür.

dostum kodları okumadığın belli zaten.kodları okursanız dediğiniz fonksiyonları kullandığımı ve ona rağmen istediğim şeyin gerçekleşmediğini göreceksiniz.

arkadaşlar sorun çözülmüştür.css kodlarında yaptığım bir oynamayla halloldu.teşekkürler.