Отмена выделенного элемента
 

Здравствуйте уважаемые форумчане ! К изучению языка приступил недавно / ну и как все новички столкнулся с проблемой) Надеюсь ,что подскажите и не будете сильно ругать...В общем необходима отмена выделенного элемента , а именно:
Есть к примеру пять ссылок:
<li><a id ="switch" onclick="return black(this)" href="">Новости</a></li>
В скрипте делаю так:
function black(Element)
{
if (Element.id == 'switch') {

Element.style.borderBottom = '4px solid white';
}
return false;
}
Ставлю подчеркивание при клике по ссылке...
Но когда я перехожу на другую ссылку это подчеркивание остается на первой ссылке...
Вопрос: как убрать подчеркивание? Нужно чтобы оно(borderBottom) ставилось только на одном элементе / Голову уже сломал)

iosweb,

<style type="text/css">
    body{
      background-color: #D3D3D3;
    }

  </style>
<ul>
  <li><a  onclick="return black(this)" href="">Новости</a></li>
  <li><a  onclick="return black(this)" href="">Новости</a></li>
  <li><a  onclick="return black(this)" href="">Новости</a></li>
</ul>
<script>
var black = function() {
    var temp;
    return function(Element) {
        temp && (temp.style.borderBottom = "");
        temp = Element;
        temp.style.borderBottom = "4px solid white";
        return false
    }
}();
</script>

Спасибо большое! Помогли