javascript (mostrar/esconder)

[luchhozito]

pessoal agora queria saber se é posivel em html ou javascript , o seguinte:

tipo tinha uma tabela de resultados , tipo Bwin , mas depois logo em baixo tinha um link a dizer "resultados" e kuando algum clicar lá , logo se seguida e sem mudar de pagina aparecia os resultados e so clicasse outra x os resultados desapareciam ..

tipo isto http://www.esportsplanet.com/?idm=4510 , mas em vez se resultados keria texto.

abraços

[QuickFire]

Isso é facil 🙂

Primeiro fazes uma class em CSS para fazer hidden daquilo que queres esconder.

Depois passa pelo Javascript e quando carregas num link ou butão ele detecta qual é a class do elemento e muda-a para tirar a class hidden ou para colocar a class hidden 🙂

[jreis]

Se não quiseres mexer nas classes, podes editar directamente as propriedades CSS por javascript:

function esconde()
{
    document.getElementById('xpto').style.visibility = 'hidden';
}
function mostra()
{
    document.getElementById('xpto').style.visibility = 'visible';
}

Eventualmente poderás querer usar a propriedade "display" em vez de "visibility", e alternar entre "none" para esconder e "block" ou "inline" para mostrar.