2010-08-11 13 views
1

J'ai un exemple spécifique, mais je cherche aussi la réponse en général. J'ai des éléments de page que je veux initialement cacher si JavaScript est activé.Amélioration progressive et état d'affichage initial

Exemples:

  1. Une section d'une forme qui permet de basculer
  2. Un bouton d'envoi pour une boîte de sélection « forme de saut »

J'essaie d'éviter le « flash content » quand les éléments sont masqués après le chargement de la page.


SOLUTION

Je suis en train de la solution complète ici pour l'amour de la postérité.

fichier JavaScript

appelé <head> section: document.documentElement.className = 'js';

styles qui permettent d'éléments d'abord cachés ou représentés:

.js .inithide { 
    display: none; 
} 
.initshow { 
    display: none; 
} 
.js .initshow { 
    display: block; 
} 

Répondre