Fazer um texto aparecer ao clicar em um link

[RickSilva 0]

Olá gente, boa tarde!

 

Estou aprendendo javascript e pensei em criar um site como esse layout da img abaixo

Quero que apareca um texto referente ao link que a pessoa clicar, e quero fazer isso usando apenas HTML, CSS e Javascript, é possivel?

 

observacao: Não quero usar linguagem de Server-side, somente client-side;

Obrigado a atenção de todos!

[Matheus P. 1]

Trabalhe com jQuery básico, usando o show() e hide(), os botões não precisam ser links, bastam ter uma id para abrir o texto, coloque um cursor:pointer no css do botão.

<div id="botao-1">Botão 1</div>
<div id="botao-2">Botão 2</div>

<div id="texto-1">Texto 1</div>
<div id="texto-2" style="display:none">Texto 2</div>

jQuery("#botao-1").click(function() {
        jQuery("[id^=texto-]").hide(300);
        jQuery("#texto-1").show(300);
});
jQuery("#botao-2").click(function() {
        jQuery("[id^=texto-]").hide(300);
        jQuery("#texto-2").show(300);
});

[RickSilva 0]

acontece que não é só alguns textos. São milhares de textos.

Acho que da 66 links e cada link vai abrir uma aba com mais uns 30 links e cada um desses links será um texto.

 

pensei em usar iframes mas isso ja é muito ultrapassado.