Метод jQuery не работает должным образом – toggleClass ⇐ Html

[Anonymous]

Кто-нибудь знает, почему следующий код jQuery не работает должным образом?
HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

.headerButtonClicked
{
background-image:url('background.jpg');
background-repeat:repeat-x;
color:#000000;
}

jQuery:

Код: Выделить всё

$(".headerButton").click(function()
{
$(this).parent().toggleClass(".headerButtonClicked");
});

Я наблюдал, как DOM использует Firebug, и класс добавляется к родительскому элементу, но стиль не меняется. Когда я добавил встроенный код стиля, он заработал, поэтому я уверен, что проблема не в CSS.

Подробнее здесь: https://stackoverflow.com/questions/120 ... oggleclass