Bonjour,

Je cherche une alternative à .hide, soit en JQuery soit avec autre chose. Car lors du chargement de ma page toutes mes <div> cachées avec cette fonctionnalité apparaissent brièvement... Est ce un problème d'optimisation ?

	$(".cellule-mu-vide").hide();

Merci d'avance

.cellule-mu-vide {
display:none;
}

Guklam, il n'y a pas assez de jQuery dans ta réponse je le crains

Non, mais il a raison : le jQuery n'est appliqué qu'au chargement complet du DOM, ce qui veut dire qu'avant cet événement, si les éléments ne sont pas masqués via CSS, ils s'afficheront.

Si tu veux t'assurer que tes éléments ne seront pas visibles avant de les manipuler avec JS, il faut les masquer en css.

Merci pour vos réponses.

Si je comprends bien je cache mes <div> avec display none et je remove cette class avec JQuery ?

remove, c'est à dire?

Si je souhaite afficher ma <div> caché il faut bien annulé display:none ?

tu peux un truc du genre

div { display:none; }
div:hover { display:block; } par exemple

Le 10 mars 2015 à 21:34:35 Delurk a écrit :
Merci pour vos réponses.

Si je comprends bien je cache mes <div> avec display none et je remove cette class avec JQuery ?

Non, tout ce que tu as à faire, c'est utiliser ce que tu veux en jquery, par exemple show(), slideDown(), fadeIn(), etc.

@warpShadow c'est très clair merci

Non mais çà part en vrille les réponses ici ^^
Déjà, tu devrait lire la doc de jquery pour commencer, çà évitera les sujets pareils, ensuite, il existe une multitude de forums traitants de pratiquement tous les problèmes que tu peut rencontrer avec jquery (stackoverflow par exemple est une très bonne adresse).

Ensuite, petite précision concernant le hide, il y a eu des bonnes réponses mais incomplètes, alors je réexplique :
- La fonction hide(); ajoute la propriété css 'display: none;' à l'objet concerné.
- La fonction show(); contrairement à hide(); enlève la propriété css "display: none;" de l'objet concerné, laissant place à la propriété css "display: block;" que css donne par défaut à tous les éléments.

- En passant un entier à ces fonctions, tu peut créer un effet de "fading" (afficher en fondu, faire disparaitre en fondu), l'entier correspond à la durée de l'animation en ms.

- La fonction remove(); te permettra de supprimer totalement l'élément en question.

Pour en revenir à ton problème, il faut en effet ajouter "display: none;" dans ta feuille de style pour l'élément div en question, pour les raisons énoncées par lisarael.
La fonction show(); affichera l'élément.
La fonction hide(); cachera l'élément via "display: none;".
La fonction remove(); supprimera l'élément html de la page, il ne s'afficheras donc pas.

Si tu as d'autres questions, n'hésites pas à me mp, et si tu as besoin de mes services également :P
Tu peut aussi m'envoyer un email contact(@)webevasion.net

Webévasion.