Stacizinha

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