développer un texte en cliquant

développer un texte avec renvoie à la ligne en cliquant

manzacat

manzacat

Messages : 2
Inscrit le : 22/11/2018 21:16

Je débute en html et je bloque sur la mise en forme du texte caché quand on clique, afin de mettre à la ligne sur différents points

Plus d'infos sur la fonction...
puis faire apparaître les 3 infos à la ligne en cliquant une seule fois sur plus d'infos :
- fonction 1
- fonction 2
- fonction 3


et plus bas dans la page
plus d'infos...
- infos 1
- infos 2
- infos 3



Voici mon code qui ne marche que pour du texte linéaire.
<p><a href="javascript:;" onclick="$('#rep1').toggle();">Plus d'infos ...<</a><</p>
<p class="hide" id="rep1">- infos 1<</p>

Merci

Edité le 03/12/2018 09:15 par manzacat

manzacat

manzacat

Messages : 2
Inscrit le : 22/11/2018

J'ai trouvé, voilà la solution si ça intéresse quelqu'un. ( le nom onclick est changé pour différencier les clicks )

<p><a href="javascript:;" onclick="$('#fonction').toggle();">Plus d'infos sur la fonction...</a></p>

<p class="hide" dt="" id="fonction"><br />
- fonction 1<br />
- fonction 2<br />
- fonction 3<br />

<p><a href="javascript:;" onclick="$('#info').toggle();">plus d'infos...</a></p>

<p class="hide" dt="" id="info"><br />
- info 1<br />
- info 2<br />
- info 3<br />

Edité le 03/12/2018 10:52 par manzacat