Cacher/afficher texte

Résolu
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

4 réponses

  1. 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 ^^
    1. 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
      1. 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
        1. 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