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

Aller en bas 
AuteurMessage
MlleAlys
RANG
RANG
MlleAlys

Nom du champ profil : valeur
Messages : 70
Points : 230
Date d'inscription : 30/01/2014

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

spoiler avec choix trig Empty
MessageSujet: spoiler avec choix trig   spoiler avec choix trig EmptyVen 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
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: