<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('h3').click(function() {
$(this).css('color','red'); // изменит цвет всех h3 (если только цвет не был изначально 'red')
$(this).css('backgroud','red'); // фон красный у всех h3
});
});
</script>
<h3>test</h3>
$(this).css('XXX','YYY');
Где XXX - css свойство
YYY - необходимый параметр
Но лучше конечно одной строкой менять стиль как у Вас.
подробнее по .css >>
http://api.jquery.com/css/
Для анимационного эффекта используйте animate , только прийдется заносить в переменную состояние текущее.
А вообще лучше использовать css :active
a:link {
color: #0000d0; /* Цвет ссылок */
}
a:visited {
color: #900060; /* Цвет посещенных ссылок */
}
a:active {
color: #f00; /* Цвет активной ссылки */
}
То есть остается только из h3 сделать ссылку.