Cacher/afficher texte

Résolu
le-dragon91 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   -  
gaerebut Messages postés 1017 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je suis en train de créer un site sur un chanteur et pour la partie album je souhaiterais faire ceci :

Ex :
Titre de l'album
*les chansons de cet album n'apparaissent que si je clique sur le titre de l'album

Je souhaite faire ceci afin de ne pas faire de pages trop grandes.

Merci d'avance pour votre aide


Le-dragon91

A voir également:

4 réponses

Zero_hp Messages postés 132 Date d'inscription   Statut Membre Dernière intervention   17
 
bonjour,

Pour faire ce genre de chose il faut utiliser le Javascript ^^

si tu connait déjà ce langage utilise la fonction suvante :

document.getElementById("Id de la balise que tu veux masquer").style.display=none ou block


none
pour masquer et
block
pour afficher

SI ce notion t'échappe alors je t'invite vivement a apprendre le javascript. C'est ce langage qui rend le web dynamique ^^
0
gaerebut Messages postés 1017 Date d'inscription   Statut Membre Dernière intervention   171
 
Bonjour,

tu peux faire un truc de ce genre:

Code HTML/JS:
<div class="titre" onclick="document.getElementById('hide_1').style.display='none'">Ton titre</div>
<div class="hidden" id="hide_1">
    TON CONTENU CACHE <br />
     SUR PLUSIEURS LIGNES
</div


Puis le code CSS correspondant aux class évoquées:
<style type="text/css">
     .titre{
           cursor: pointer;
     }

    .hidden{
           display: none;
     }
</style>


A+
Gaerebut
0
le-dragon91 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   18
 
Bonsoir,

Le problème c'est que mon titre est dans un tableau donc ça marche pas pour la réponse de gaerebut1

Zero_hp: je ne connais pas le javascript...


Merci de vos réponses
0
gaerebut Messages postés 1017 Date d'inscription   Statut Membre Dernière intervention   171
 
Re,

En quoi ça ne marche pas ?
Tu as juste à afficher l'élément contenant l'ID spécifié dans le JS.

Ici ce serai un td, tr ou carrément un table :-)

A+
Gaerebut
0