« Les Spoilers dans les signatures codées »

Coucou !
J'aimerais donc savoir comment on met des Spoilers dans les signatures codées.
J'ai rechercher sur Internet "spoiler hmtl" mais les rendu sont moches, y a écrit "Spoiler" puis à coté un bouton "afficher" trop grossier et j'aime pas du tout.
J'aimerais plutôt le type de spoiler qu'on a donc avec le titre et on clique directement dessus, comme sur le forum.
Je suis un peu "maniaque", et comme j'ai pas d'onglets cadeaux, j'aimerais avoir un spoiler cadeaux, ou des spoilers pour classer mes signatures.
Merci d'avance :3

Tu ne trouvera pas de balise toute faites pour ça.
Il faudrait faire un code soit en javascript, voir peut être avec du css et html.

Edit :
J'ai trouvé ça :
http://www.alsacreations.com/article/lire/1335-html5-details-summary.html
La première méthode avec du css ne marche pas sur tous les navigateurs donc ce n'est pas la meilleure solution, par contre en javascript ça correspond un peu à tes attentes, non ? Ah et je parle juste du système, pas de l'apparence qui peut se personnaliser.
Par contre j'ai pas vraiment le temps de plus t'aider :/

Hm à vrai dire je n'y comprend rien du tout x)
Non je pensais que on pouvait le faire avec des balises classiques, mais si il faut commencer à trouver d'autres trucs compliqués comme ça, tant pis, merci quand même :3

Euh. Incrustation soudaine parce que oui, j'ai eu le même problème également paske je voulais trop avoir des spoilers sans les boutons moches tout ça. Et en fait. Je me suis rendu compte que c'est le même principe; Le truc c'est que les boutons moches c'est des balises spéciales eux. ENFIN. BREF.
J'te montre un peu le rendu que j'avais réussi à faire avec le code de Ammodyte.
> http://inutile-sama.forumactif.org/h110-recrutement

Le code J.S est assez simple:

Pour t'expliquer le système si ça t'intéresse; En gros l'element "recrut" est en display none à la base; la function se charge de le mettre en display block si recrut none et en display none si recrut block.
Niveau HTML:

Code:: <div onclick="javascript:showDiv()">Spoiler></div>

Que tu peux modifier à tes souhaits~

Code:: <div id="recrut" style="display: none;">Ici le truc caché, pas caché tout ça tout ça.</div>

Le seul bémol avec ça. C'est qu'en gros, tu peux avoir qu'un "spoiler" vu que c'est un id. On peut changer le:

Code:: document.getElementByClassName

dans le JS pour avoir recours à un class mais ça a pas marché pour mwa alooors...XD

En tout cas si j'ai pu aider,je suis happy!

J'ai vu sur un site ceci

Code:: Javascript:<script type="text/javascript">
En gros le javascript:
function showHide() {
var ctn = document.getElementById('monContenu');
ctn.display = ctn.display == 'none' ? 'block' : 'none';
}
</script>

Le Html:
<h2 id="monTitre" onclick="showHide();>Mon titre</h2>
<p id="monContenu">blablabla</p>

Après y a aussi une technique en CSS et HTML mais c'est plutôt avec effet hover

Code:: CSS: .texte {
  width: 100px;
  height: 100px;
  position: relative;
  text-align: center;
  line-height: 100px;
}
.texte span {
  display:block;
  background: #333;
  color: #fff;
  width: 100px;
  position:absolute;
  top:0;
  left:0;
}
.texte:hover span {
  display:none;
}

HTML:
<p class="texte">Tricheur !
  <span>Spoiler</span>
</p>

Perso j'aime bien aussi ce code en CSS et HTML

Je suis en HMTL mais... Aucun des codes ne marchent, je ne sais vraiment pas m'y prendre... >.<
En fait j'aurais aimer plusieurs spoilers Natu donc 1 seul, ça ne m'aidera pas vraiment *-*
Puis Javascript je ne sais même pas ce que ça veut dire. Bref j'ai essayé mais rien ne rentre x)