Crédit d'image : Jupiterimages/Pixland/Getty Images
Il arrive souvent qu'un concepteur de sites Web ait besoin de développer et de réduire le texte d'un site Web. Cette fonctionnalité est particulièrement utile lorsqu'il s'agit de configurer des FAQ, d'organiser des entrées de blog et de créer des fonctionnalités d'énigmes et de quiz. Insérez ce code Java dans votre site Web pour implémenter du texte réductible.
Étape 1
Ouvrez le code HTML de la page Web à laquelle vous souhaitez ajouter du texte réductible. Localisez les balises et. Entre eux, copiez et collez le code suivant:
Vidéo du jour
Étape 2
Localisez la section de l'endroit où votre texte réductible doit aller. Collez-y le code suivant. Cette ligne crée un en-tête qui basculera une section avec un identifiant de "a1"
Section 1
Entrez le texte de la section dans un conteneur avec l'ID "a1" et une classe de "texter".Contenu de la section 1.
Étape 3
Si vous avez besoin d'éléments supplémentaires, continuez avec le modèle, en utilisant différentes paires d'identifiants pour chaque titre de section et zone de contenu. Enregistrez votre fichier et testez votre code pour vous assurer qu'il fonctionne correctement. Vous devriez pouvoir cliquer sur un en-tête pour faire apparaître du texte masqué, puis le faire disparaître.
