function showHide(id){
	var elemento = document.getElementById("titulo"+id);
		if (elemento.className == "titulo") {
			document.getElementById("conteudo"+id).style.display="block";
			elemento.className = "tituloAtivo";
		}else {
			document.getElementById("conteudo"+id).style.display="";
			elemento.className = "titulo";
		}
				
	}

// para cada link encontrado diretamente abaixo do LI diretamente abaixo do UL com classe abreFecha, fazer o bind no click
// TODO: checar para ver se não tem problema quando existe um link dentro do texto.
$('UL.abreFecha > LI > A').live('click', function()  {
      var titleLI = $(this).parent(); // this é o próprio link -- parent é o LI

               // se ele tiver a classe titulo, quer dizer que não está ativo
      if(titleLI.is('.titulo'))
                       // super-gêmeos ativar
              titleLI.removeClass('titulo')
                               .addClass('tituloAtivo')
                               .next().show(); // mostra o próximo elemento (que é o LI com o conteúdo)
      else             // super-gêmeos desativar
              titleLI.removeClass('tituloAtivo')
                               .addClass('titulo')
                               .next().hide(); // esconde o próximo elemento (que é o LI com o conteúdo)
})