Css parando de funcionanar

[Carcleo 4]

Olá pessoal,

 

Tenho a pagina abaixo que tem um menu no qual eu quando passo o mouse a cor de fundo do label (que contem um link dentro) é mudada.

 

http://www.radiomuriae.com.br/eleicoes2014.html

 

Tudo certo.

 

Porem, também possuo uma função js que quando clicko em um determinado link, ele muda a cor do seu label. Quando isso acontece, o css que altera a cor dos labeis quando passa o ouse para de funcionar.

 

Com esse js eu mudo estilo.

 

Eis o js:

 

 

function abre(a)
{
document.getElementById(a).style.display = "block";
document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "green";
}

function fecha(a,b,c,d)
{

document.getElementById(a).style.display = "none";
document.getElementById( B).style.display = "none";
document.getElementById(c).style.display = "none";
document.getElementById(d).style.display = "none";

document.getElementById("label"+a.substring(0,1).toUpperCase()+a.substring(1,a.length)).style.backgroundColor = "#1C6A90";
document.getElementById("label"+b.substring(0,1).toUpperCase()+b.substring(1,b.length)).style.backgroundColor = "#1C6A90";
document.getElementById("label"+c.substring(0,1).toUpperCase()+c.substring(1,c.length)).style.backgroundColor = "#1C6A90";
document.getElementById("label"+d.substring(0,1).toUpperCase()+d.substring(1,d.length)).style.backgroundColor = "#1C6A90";
}

 

Algum recurso?

[Marlon Pacheco 132]

Buenas tchê.

 

Pelo que percebi você está criando uma espécie de navegação por abas.

Acho que esse artigo do Maujor poderá te ajudar. (http://www.maujor.com/blog/2008/11/17/menu-em-abas-com-jquery/)

[Carcleo 4]

Ei colega, obrigado pelo retorno,

 

a situação é a seguinte:

 

O menu é feito de links dentro de label's.

Cada label tem largura 100px e altura 30px e fundo azul

 

A idéia é que, ao clikar no link (que esta dentro do label), a cor DESSE label mude para verde e os demais se mantenham em azul.

 

Uma incrementação que faço também é que, ao passar o mouse (:hover) sobre o label,(que contem um link dentro) a cor DESSE label mude para amarela.

 

De fato, esta tudo funcionando bem, inclusive o verde nos label's. Mas, quando dou o clike no primeiro link (JavaScript), o label:hover (css) para de funcionar.

 

Onde estará o erro?

 

Note isso em:

 

http://www.radiomuriae.com.br/eleicoes2014.html