Estou com dificuldades em um código, nem sei se da pra fazer isso apenas com html, mas...
vou tentar explicar, são duas divs diferente, uma delas vai o texto principal e a outra aparece a descrição quando se clica nas palavras da primeira div... o que eu quero fazer é deixar um texto onde fica a div da descrição e quando clicar no texto da primeira div a trocaria pelo da segunda, meio confuso pra explicar mais o código é esse:
<style>
.descricao{
display: none;
}
</style>
<div id="textos1">
<span class="item" onclick="document.getElementById('div1').style.display='block'" onmouseout="document.getElementById('div1').style.display='none'">Idade</span>
<span class="item" onclick="document.getElementById('div2').style.display='block'" onmouseout="document.getElementById('div2').style.display='none'">Genero</span>
<span class="item" onclick="document.getElementById('div3').style.display='block'" onmouseout="document.getElementById('div3').style.display='none'">Estado</span>
</div>
<div id="textos2">
<span class="descricao" id="div1">Recomendado a todas as idades</span>
<span class="descricao" id="div2">Masculino</span>
<span class="descricao" id="div3">Goiás</span>
</div>
Resumindo, quero colocar um texto curto dentro da div textos2, mas que não seja fixo, ele tem que sumir quando aparecer os outros textos...
textos meramente ilustrativos