Si je clique sur Réalisations, la div real apparait bien (avec l'effet
souhaité) mais si je clique sur A propos, toutes les divs disparaissent
et non seulement la div 'real'.
Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
ici on te montre et permet de tester ces fonctions : <http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown>
Les codes ci-dessous y fonctionnent. Et comme je ne sais pas trop ce que tu veux faire ils comprennent des variantes.
[script] function cacher() { $("p").slideUp("slow"); } function montrer() { $('p').slideDown("slow"); }
[html] <p id="real">Voici un paragraphe.</p> <p>Et encore un paragraphe.</p> <p>Et un paragraphe de plus.</p> <button onclick="cacher()">cacher</button> <button onclick="montrer()">montrer</button>
cool !
Variante 1 - que le P 'real': [script] function cacher() { $("#real").slideUp("slow"); } function montrer() { $("#real").slideDown("slow"); } [html] /// inchangé
Variante 2 - que le P 'real' avec une fonction "générique" : [script] function cacher(id) { $("#"+id).slideUp("slow"); } function montrer(id) { $("#"+id).slideDown("slow"); } [html] /// changer les boutons <button onclick="cacher('real')">cacher</button> <button onclick="montrer('real')">montrer</button>
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Le 08/02/15 12:43, Fra a écrit :
Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
ici on te montre et permet de tester ces fonctions :
<http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown>
Les codes ci-dessous y fonctionnent.
Et comme je ne sais pas trop ce que tu veux faire ils comprennent des
variantes.
[script]
function cacher() { $("p").slideUp("slow"); }
function montrer() { $('p').slideDown("slow"); }
[html]
<p id="real">Voici un paragraphe.</p>
<p>Et encore un paragraphe.</p>
<p>Et un paragraphe de plus.</p>
<button onclick="cacher()">cacher</button>
<button onclick="montrer()">montrer</button>
cool !
Variante 1 - que le P 'real':
[script]
function cacher() { $("#real").slideUp("slow"); }
function montrer() { $("#real").slideDown("slow"); }
[html]
/// inchangé
Variante 2 - que le P 'real' avec une fonction "générique" :
[script]
function cacher(id) { $("#"+id).slideUp("slow"); }
function montrer(id) { $("#"+id).slideDown("slow"); }
[html]
/// changer les boutons
<button onclick="cacher('real')">cacher</button>
<button onclick="montrer('real')">montrer</button>
Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
ici on te montre et permet de tester ces fonctions : <http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown>
Les codes ci-dessous y fonctionnent. Et comme je ne sais pas trop ce que tu veux faire ils comprennent des variantes.
[script] function cacher() { $("p").slideUp("slow"); } function montrer() { $('p').slideDown("slow"); }
[html] <p id="real">Voici un paragraphe.</p> <p>Et encore un paragraphe.</p> <p>Et un paragraphe de plus.</p> <button onclick="cacher()">cacher</button> <button onclick="montrer()">montrer</button>
cool !
Variante 1 - que le P 'real': [script] function cacher() { $("#real").slideUp("slow"); } function montrer() { $("#real").slideDown("slow"); } [html] /// inchangé
Variante 2 - que le P 'real' avec une fonction "générique" : [script] function cacher(id) { $("#"+id).slideUp("slow"); } function montrer(id) { $("#"+id).slideDown("slow"); } [html] /// changer les boutons <button onclick="cacher('real')">cacher</button> <button onclick="montrer('real')">montrer</button>
Cordialement, -- Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
fra
SAM wrote:
ici on te montre et permet de tester ces fonctions :