Disparition d'éléments après un clic sur un autre élément.

[Rivendell.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://abouttime.forumactif.com/t16-topic#32

Description du problème

Bonjour.
Bon, le titre n'est pas des plus explicites mais .. je suis en train de coder la fiche de présentation d'un forum et j'ai installé une partie chronologie du personnage où quand on clique sur cette phrase là, la chronologie apparaît. Sauf que une fois cliqué, les éléments comme prénom nom, âge, etc disparaisse et bénéficie d'un display:none. De plus, tous les éléments ne disparaissent pas, ce ne sont que certains ... J'utilise ce code depuis un petit moment et je n'ai jamais eu le soucis. Par exemple sur mon autre forum : http://lookhappier.forumactif.com/t560-1m-une-calme-tempete#5246 vous remarquez que tout reste parfaitement bien visible. Une petite aide s'il vous plaît ?

Voici le code JS :

Code:

$(document).ready(function(){
  $(".infos infosupp").click(function () {
    $(this).parent().find(".infosupp").slideToggle(200);
 $(this).parent().siblings().children().next().slideUp(200);
        return false;
  });
});

Code css :

Code:

.infosup {position: relative;}
.infos {display: inline-block;margin-left: 20px; margin-right: 20px;}
.infosupp {display: none;text-transform: none!important;width: 400px;text-align: justify;padding: 10px;line-height : 12px;font-size: 10px;border-left: 5px solid;}
infosupp {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
infosupp:hover {cursor: help;opacity: 0.7;}
.infos span.sf {font-size: 9px!important;}

Merci d'avance !