Je ne sais plus comment afficher un objet avec du jquery

Par moiDarvoisien, il y a 11 ans


Bonjour je ne sais plus comment faire apparaitre un objet avec du jquery quelqu'un peut m'aider merci

11 réponses

antho07, il y a 11 ans

Bonjour,

peux-tu préciser "faire apparaître un objet" ?

Cacher ou afficher un élement du dom ? (ya les méthodes show et hide pour ça ..)

moiDarvoisien, il y a 11 ans

Oui mais j'ai deja utiliser les element show et hide mais sa cliniote quand j'appuie pour afficher l'objet

antho07, il y a 11 ans

Il faudrait que tu postes du code... dis comme ça il est impossible de t'aider

betaWeb, il y a 11 ans

Essaye de faire $('#monID').off(click').on('click', function(){ $('tonObjet').toggle(); });

Tu veux bien toggle ton élément au clic?

moiDarvoisien, il y a 11 ans

Pour repondre a antho07
html :

<div class="nav"> <div class="wrap hide" id="wrap"> <ul class="menu"> <li><a href="">Accueil</a></li> <li><a href="">E-tv1</a></li> <li><a href="">E-tv2</a></li> </ul> </div> </div> <a href="" id="test">Appuie et regarde </a>

js (que j'ai essayé ):

$(function() { $('.wrap').hide(); $('#test').click(function(e){ $('.wrap').show('slow'); }); });

et Cyprien G oui je veux changer le hide de .wrap a show

betaWeb, il y a 11 ans

Donc Essaye le code que je t'ai proposé en n'oubliant pas d'init .wrap en display: none Via ton CSS

moiDarvoisien, il y a 11 ans

et bien quand j'appuie sur mon lien test (qui doit afficher mon objet) cela ne marche pas

moiDarvoisien, il y a 11 ans

je viens de trouver comment faire
js :

$(function() { //initialisation $('#wrap').toggleClass('hide'); //je cache $('#test').click(function(){ //ACTION click $('#wrap').toggleClass('show'); //je montre }); });
betaWeb, il y a 11 ans
$('#wrap').toggleClass('hide'); //je cache

Ca en sert à rien d'effectuer cette action via ton JS, tu peux cacher directement l'élément en CSS lors du chargement de la page, ça sera moins lourd.

moiDarvoisien, il y a 11 ans

oui je l'ai enlevé apres c'etait pour etre sur

betaWeb, il y a 11 ans

Ton "toggleClass("hide"); au début ne sert à rien il te suffit de mettre la classe hide à ton élément HTML ou si tu tiens vraiment à utiliser jQuery utilise plutôt un addClass()