Color tab links on hover

Author: hersle

style.css

@@ -109,6 +109,16 @@ h2 > a:not(:last-child) {
 	margin-right: 0.3em;
 }
 
+h2 > a {
+	color: gray;
+}
+h2 > a:hover {
+	color: dimgray;
+}
+h2 > a.activetab {
+	color: black;
+}
+
 ul {
 	list-style-position: inside;
 	list-style-type: square;

valg.js

@@ -798,8 +798,13 @@ function update() {
 
 function showTab(tab) {
 	for (var i = 0; i < tabs.length; i++) {
-		tabs[i].style["display"] = tab == i ? "block" : "none";
-		links[i].style["color"] = tab == i ? "black" : "gray";
+		if (tab == i) {
+			tabs[i].style["display"] = "block";
+			links[i].className = "activetab";
+		} else {
+			tabs[i].style["display"] = "none";
+			links[i].removeAttribute("class");
+		}
 	}
 };