help au sujet de div ( afficher cacher)

Bonjour à tous ( et je m'excuse par avance pour mon Franchaich qui est pas bien Franchaich )

alors voila le problème...
je suis en train de créer une sorte de site modifiable directement en ligne...
tout les textes sont stoké dans une bd.

J'ai un lien éditer qui permet après clic, d'afficher une div pour modifier le titre1 (div qui s'affiche en dessous berck), j'oubliais, le lien éditer se transforme en lien fermer quand la div est ouverte et donc permet de refermer la div de modification du titre)
mon soucis est que la div de modification s'affiche sous le titre original...

je cherche en vain à se que quand on clique sur éditer, le texte original disparesse et affiche à la place la div ( avec le lien fermer) qui permet la modification du texte..

j'ai fait pleins d'essai mais les solutions et exemples proposés sur internet propose bien de faire afficher une div mais garde le lien édit..

en gros pour essayer d'être claire ( ouais, je sait, c'est pas mon fort ) il faudrais avoir 2 div l'une l'ié à l'autre de manière à se que quand on appel la div2 pour modifier le titre, la div 1 se cache ( bouuu la pas belle)


il faut savoir aussi que je compte proposer la modification de tous les textes ex:

Titre 1
Contenu text1

Titre2
Contenu text2.....

un exemple pour le titre1

<span class="contenu2"><? echo $contenu2 ; ?></span> <a id="lien_contenu2" href="#" onclick="if(document.getElementById('contenu2').style.display=='block'){document.getElementById('lien_contenu2').innerHTML='éditer';document.getElementById('contenu2').style.display='none'}else{document.getElementById('contenu2').style.display='block';document.getElementById('lien_contenu2').innerHTML='fermer';};return false;">éditer</a>

<div id="contenu2" style="display:none;">

<form name="contenu2" action="modif_contenu2.php" method="post" id="editer">

<span id="memoVisible" contentEditable="true" style="{width:auto; height:auto; border:black 1px dotted;padding:10px;}"><?php echo $contenu2; ?></span> 

<a href="#" onclick="CopyContent('memoVisible', 'areaInvisible');">Transformer</a> 

<div id="textarea" style="display:none;"><textarea name="contenu2" id="areaInvisible"><?php echo $contenu2; ?></textarea> </div>

<script language="JavaScript" type="text/javascript">

<!--

function CopyContent(sHtmlSource, sTextTarget)

{

document.getElementById(sTextTarget).innerText = document.getElementById(sHtmlSource).innerHTML;

}

//-->

</script>

                                        <a href="#" onclick="javascript:document.contenu2.submit();">Enregistrer</a>

                                      </form>

                                    </div>

Bonjour,
>>l faudrait avoir 2 div l'une liée à l'autre de
>>manière à ce que, quand on appelle la div2 pour
>>modifier le titre, la div 1 se cache
dans la fonction appelée pour modifier le
titre de div 2 faire votre_div1.style.display="none"
Cordialement [mon Site] [M'écrire] Bul

Yes une réponse merci Bul3..
tu n'aurais pas un exemple car le javascript et compagnie...
merci pour ta réponse

j'oubliais de dire, j'ai pas encore mis de fonctions javascript dans le head ou de div pour le titre1.. car comme dit, les choses que j'ai essayer ne me conviennes pas.

Hello, alors j'ai fait plusieurs essais en ayant rajouter une balise un div au début la ou s'affiche le titre normale se qui fait donc :
<div id="contenu"><span class="contenu2"><? echo $contenu2 ; ?></span>

puis dans le système en dessous qui gère mon effet de lien éditer/fermer ainsi que la div pour la modification du texte :

<a id="lien_contenu2" href="#" onclick="if(document.getElementById('contenu2').style.display=='block'){document.getElementById('lien_contenu2').innerHTML='éditer';document.getElementById('contenu2').style.display='none'}else{document.getElementById('contenu2').style.display='block';document.getElementById('lien_contenu2').innerHTML='fermer';};return false;">éditer</a>
<div id="contenu2" style="display:none;">

j'ai donc essayer d'inclure la fonction donné par Bul3 à savoir :
contenu.style.display="none" ou contenu.style.display='none' ou la mêm chose mais avec == à la place de = etc.etc.. mais je n'arrive à rien :(
merci pour votre aide.

personne pour me donner un indice? je suis perdu !

ça convient ou pas
oui, oui () le dire aurait été bien.
si, si () ça serait bien de le dire.
non, non (), comment vous faites, ça devrait fonctionner.

Super Mr Bul3...
tout marche nickel exactement comme je le voulais ( chacun son métier ;)

il me reste une question ( même si sa paret bête comme question)

l'exemple que tu m'a donner est pour la gestion des div "contenu1 et contenu2)

ma question est vue que je doit avoir autant de div que de partie ou le texte est modifiable ( on vas dire entre 5 et 10 par page) je doit refaire l'exemple pour chaque div?
ex 1 pour le titre, un pour le contenu2, un pour le titre3, un pour le contenu 3.... ?
c'est bien cela?

en tout cas, merci énormément pour cette fonction

>>je doit refaire l'exemple pour chaque div?
"surtout pas",
"il suffit" de passer ces div en paramètres

par exemple.... ou "pas loin"