Faire des onglets déroulants horizontaux

Bonjour.

J'essaie de faire en sorte d'avoir une bande horizontale qui, une fois cliquée, laisse apparaître quelques infos (dans mon cas, un CV) juste en-dessous. C'est pas clair hein... :weird:

Pour vous aider à conceptualiser, voilà ce que j'ai fait (qui correspond presque à ce que je souhaite).

Tout fonctionne parfaitement, mais j'ai des hauteurs d'onglets qui sont fixes. Comme ma première personne a un CV à rallonge, les autres font vides. Est-ce qu'il existe une méthode css pour faire des onglets à hauteurs variables animés (la question est effectivement surtout esthétique), ou est-ce qu'il faut absolument passer par du javascript?

D'avance merci pour vos réponses.

EDIT : Effectivement, j'avais oublié le lien... :mouarf:

Bonjour,

Citation:

---

Pour vous aider à conceptualiser, voilà ce que j'ai fait...

---

pas vu pas pris :(

Bonjour.

Je fais une réponse plutôt qu'une édition pour que les personnes intéressées par le sujet trouvent plus facilement.
Du coup j'ai trouvé la solution grâce à certains contributeurs.
Il suffisait en fait de mettre un max-height sur mon onglet lorsqu'il est replié (dans mon cas c'était .curriculum et je lui ai attribué 1em), et de mettre un min-height ainsi qu'un max-height à mon onglet déplié (dans mon cas : .j-text:focus curriculum avec les valeurs 4em et 24em).

Si vous voulez voir l'exemple, il est toujours ici.