Masquage de champs avant affichage de la page

Bonjour,

Je travaille actuellement sur un formulaire que je dois améliorer. Ce code est assez conséquent, j'essaie donc d'appliquer des changements sans avoir à trop modifier le code existant.
J'utilise des boutons permettant d'afficher et masquer des champs de texte (en jQuery).
J'aimerais par défaut que ces champs soient masqués. J'ai donc essayé

Code:

---

1 2 3 4

$(document).ready(function() { $(mes_champs_a_cacher).hide(); }

---

Or la page se charge entièrement avec les champs affichés, puis ceux-ci s'effacent. Je pensais que $(document).ready() permettait de modifier avant l'affichage de la page.

Merci de votre aide.

Bonjour,
A mon avis, il faudrait commencer par changer les attributs de ces champs dans le code HTML.

+1.

Le rôle de $(document).ready() est justement de s'assurer que tous les éléments de la page sont chargés pour pouvoir les manipuler sans risquer une erreur du style « element not found ».

Tu peux mettre un style "display:none" sur les champs que tu veux cacher.

En fait je pensais faire ça au début. Mais le nombre de champs à modifier est très important et je dois appliquer cela à de nombreuses pages. C'est pour ça que j'essaie de faire ça à part, sans modifier le code d'origine...