Forum test phpBB2
Général > Forum > configuration > Popup de connexion
Forum test phpBB2

(forum > description du site)
 
PortailPortail  AccueilAccueil  CalendrierCalendrier  GalerieGalerie  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  phpbb3phpbb3  invisioninvision  punbbpunbb  modernbbmodernbb  

Partagez | 
 

 spoiler avec choix trig

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
MlleAlys
RANG
RANG
avatar

Nom du champ profil : valeur
Messages : 67
Date d'inscription : 30/01/2014

Feuille de personnage
nom du champ: valeur
texte/liste:

MessageSujet: spoiler avec choix trig   Ven 15 Avr - 17:21

image :
Code:
<div class="spoil">
  <img class="spoil-ouvrir" onclick="spoil(this)" src="IMAGE OUVRIR" alt="ouvrir" />
  <img class="spoil-fermer" style="display:none;" onclick="spoil(this)" src="IMAGE FERMER" alt="fermer" />
  <div class="spoil-contenu" style="display:none;">  CONTENU SPOILER </div>
</div>

texte :
Code:
<div class="spoil">
  <div class="spoil-ouvrir" onclick="spoil(this)"> OUVRIR </div>
  <div class="spoil-fermer" style="display:none;" onclick="spoil(this)"> FERMER </div>
  <div class="spoil-contenu" style="display:none;"> CONTENU SPOILER </div>
</div>

javascript :
Code:
function spoil(trig) {
  if ($(trig).is(".spoil-ouvrir")) {
    $(trig).siblings('.spoil-contenu').css('display', '');
    $(trig).css('display', 'none');
    $(trig).siblings('.spoil-fermer').css('display', '');
  } else {
    $(trig).siblings('.spoil-contenu').css('display', 'none');
    $(trig).css('display', 'none');
    $(trig).siblings('.spoil-ouvrir').css('display', '');
  };
};

css :
Code:
.spoil-ouvrir, .spoil-fermer {
  cursor: pointer;
}

_________________
signature
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mllealys2.forumactif.org
 
spoiler avec choix trig
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test phpBB2 :: Catégorie 1 :: Forum 1.2-
Sauter vers: