How to dynamically change the state of table rows using jQuery?

Question

JavaScript

dobraya.hol.es/table-json - таблица генерируется из JSON-файла и к ней такие требования:
1) При наведении строки должны становиться синими. Сейчас ховер работает только с белыми строками, серенькие свой цвет менять отказываются.
2) При клике строка должна становиться зеленой, при повторном клике - снова возвращаться в исходный цвет. Сейчас работает коряво, мешает ховер-эффект.

Перепробовал разные варианты, никак не разберусь, как это нормально настроить? Какие еще приемы есть в jQuery?

Answer 1

Вдруг кому пригодится:
заменил классы на эти
.green-row, tbody tr:nth-child(odd).green-row, .green-row.blue-row, tbody tr:nth-child(odd).blue-row.green-row {
background: green;
}
.blue-row, tbody tr:nth-child(odd).blue-row {
background: blue;
}