Un accordéon au sein d'une page

Bonjour à tous,

J'ai essayé d'adapter le modèle du menu accordéon dans une de mes pages (dans le contenu en fait), en me basant sur le tutoriel du site ainsi que de nombreux autres. Hélas je suis dans un cas un peu particulier et j'ignore comment résoudre mon problème.

Je maîtrise le HTML et CSS et découvre petit à petit le PHP et Javascript.

Je vous explique ma situation, j'ai une page de cette forme :

<div class="journee">
<h3>Journée 1</h3>
<ul class="resultatjournee">
<li>
<div class="date">une date ici</div>
<div class="equipe1">une équipe ici</div>
<div class="score">le score ici</div>
<div class="equipe2">une autre équipe ici</div>
</li>
<li>
<div class="date">une date ici</div>
<div class="equipe1">une équipe ici</div>
<div class="score">le score ici</div>
<div class="equipe2">une autre équipe ici</div>
</li>
</ul>
</div>

<div class="journee">
<h3>Journée 2</h3>
<ul class="resultatjournee">
<li>
<div class="date">une date ici</div>
<div class="equipe1">une équipe ici</div>
<div class="score">le score ici</div>
<div class="equipe2">une autre équipe ici</div>
</li>
<li>
<div class="date">une date ici</div>
<div class="equipe1">une équipe ici</div>
<div class="score">le score ici</div>
<div class="equipe2">une autre équipe ici</div>
</li>
</ul>
</div>

Voilà c'est une version simplifiée, il peut y avoir plus de <li> et plus de <div class="journee">

Ce que j'ai essayé de faire, c'est de masquer les <ul> pour n'avoir que les <h3> en tant que lien. Et lorsque l'on clique sur un de ces <h3> (Journée 1, Journée 2, etc) ça développe les matchs de manière accordéon.

Mon problème se pose donc avec le fait que mes "parties" de l'accordéon sont en fait des div.

J'espère que je suis assez clair dans mes explications

Merci d'avance à tous ceux qui sauront m'aider

Bonjour,

a écrit :
Mon problème se pose donc avec le fait que mes "parties" de l'accordéon sont en fait des div.

J'espère que je suis assez clair dans mes explications ohwell

Ben en fait je comprend que les divs te posent un problème mais je ne comprends pas pourquoi. Si tu montre/cache tes ul cela devrais faire ton affaire tout simplement. Évite juste de mettre une hauteur fixe sur tes div