Comment faire ?

Afficher / Cacher des sections

avec w3P.css et w3P.js

Cette page utilise les fichiers w3P.css et w3P.js qui ne peuvent pas être utilisés sur la page accordion.htm, car leurs codes reprennent les codes utilisés séparément pour mettre en exergue leur action

Titre 1 : A

Sous-titre

Lorem ipsum ...

Titre 1 : B

Lorem ipsum ...

Code HTML :

  <h1 class="btnAccordion">
    Titre 1 : A
  </h1>
  <div class="divAccordion">
    <h2 class="btnAccordion">
      Sous-titre
    </h2>
    <div class="divAccordion">
      <p>
        Lorem ipsum ...
      </p>
    </div>
  </div>
  <h1 class="btnAccordion">
    Titre 1 : B
  </h1>
  <div class="divAccordion">
    <p>
      Lorem ipsum ...
    </p>
  </div>