FBJS addClassName removeClassName не работает

Question

Я пытаюсь добавлять и удалять классы на вкладках, когда люди нажимают на них.Это то, что у меня есть сейчас, и оно абсолютно ничего не делает ..!

<script> 
<!-- 
function toggleClasses() {
   tab1 = document.getElementById("tab1");
   tab2 = document.getElementById("tab2");
   tab3 = document.getElementById("tab3");
   tab4 = document.getElementById("tab4");

   tab1.removeClassName("bstTabSelected").addClassName("bstTab");
   tab2.removeClassName("bstTabSelected").addClassName("bstTab");
   tab3.removeClassName("bstTabSelected").addClassName("bstTab");
   tab4.removeClassName("bstTabSelected").addClassName("bstTab");

}
//--> 
</script>

Я звоню так:

<a href="#" id="tab1" onclick="toggleClass()" class="bstTabSelected" clicktoshow="tab1" clicktohide="tab2,tab3,tab4">Tab 1</a>

Я не могу понять это.Спасибо!

Answer 1

Ваша функция называется toggleClasses (множественное число), где ваше событие щелчка вызывает toggleClass (единственное число)

EDIT

Вы используете Firefox и Firebug? FBJS не переписывает консоль, что очень удобно. Убедитесь, что ваша функция работает на всех

function toggleClasses()
{
  console.log( 'Hello from toggleClasses!' );
}