Bonjour

Je voudrais à partir de boutons rendre visible ou non-visible une DIV
Quand je lance l'appli la DIV n'est pas visible :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="Texte1" style="visibility:hidden">
Le code de mes boutons :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<button id="Lire1" onClick="JavaScript:Lire();">Lire</button>
<button id="Ecouter1" onClick="JavaScript:Ecouter();">Ecouter</button>
Les fonctions :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<!--
function Lire()
{
document.getElementById('Texte1').style.visibility='visible';
}
//-->
<!--
function Ecouter()
{
document.getElementById('Texte1').style.visibility='hidden';
}
//-->
Quand je lance mon appli

J'ai un espace blanc qui représente l'emplacement de ma DIV, donc un grand décalage avec le texte suivant.

Comment je peux rémédier à cela ?
Merci pour vos réponses