javascript — как сделать активную навигацию, если нажать «ссылку», то кнопка белая, а не серая, вот код, который я пробую jsfiddle.net/egjg14fr/

Я знаю, что здесь много вопросов такого рода, но я действительно не знаю, почему мой код не работает. Я пытаюсь сделать активную навигацию, когда нажимаю на ссылку, мне нужно, чтобы она была белой.
Вот демо.
JS-скрипка

         <div id="language" class="dropdown">
<a href="#language" class="dropdown-toggle">Spēlē.lv</a>
<ul class="dropdown-menu">
<li class="option"><a href="#"><img src="../TV3_Latvia_logo.png" width="60" height="60"></a></li>
</ul>

.dropdown {
float:left;
position:relative;
padding:5px;
margin-right:10px;
background:#ccc;
}
.dropdown a:hover {
display:block;
text-decoration:none;
color:#000;
background:#fff;
}

.dropdown a {
display:block;
text-decoration:none;
color:#333;
}

/* toggle */
.dropdown .dropdown-toggle {
padding:0;
}

/* dropdown */
.dropdown-menu {
position:absolute;
top:100%;
right:0;
left:0;
display:none;
margin:0;
padding:10px;
list-style-type:none;
background:#FFF;
width:500px;
-webkit-box-shadow: 0px 0px 20px -4px #cacaca;
-moz-box-shadow: 0px 0px 20px -4px #cacaca;
box-shadow: 0px 0px 20px -4px #cacaca;

}
/* options */
.dropdown-menu .option a {
padding:5px;
float:left;
}
.dropdown-menu .option a:hover {
background-color:#999;
}

/* open */
.dropdown-open {
z-index:400;
}
.dropdown-open > .dropdown-menu {
display:block;
}