Podświetlenie tabów po kliknięciu przycisku

Cześć!
Napotkałem niewielki problem przy tworzeniu strony internetowej. Otóż jeżeli klikam po tabulatorach to tab w którym jestem zmienia kolor (jest to dla mnie akurat pożądane), natomiast jeżeli poruszam się strzałkami po tabulatorach to aktywny tab w którym jestem już się nie podświetla. W jaki sposób mogę sprawić aby tabulatory zachowywały się tak samo po kliknięciu w nie ręcznie czy też za pomocą strzałek?
https://jsfiddle.net/LrMsA/1637/

Jeżeli to możliwe to czy całość można rozwiązać samym CSS'em? Czy trzeba jednak użyć trochę Js'a czy jquery?

Funkcja function openCity(evt, cityName) jest tak skonstruowana, że dodaje klasę active do elementu, który został kliknięty. Zatem, jak klikniesz w strzałkę, to ona się robi aktywna. Musisz ten wybór aktywnego elementu uzależnić od nazwy wybranego miasta.

https://jsfiddle.net/LrMsA/1734/ - działa