Soucis en Jquery / Toggle
Résolu/Fermé
A voir également:
- Toggle navigation
- Navigation privée - Guide
- Effacer les données de navigation - Guide
- Simulateur de navigation maritime gratuit - Télécharger - Loisirs créatifs
- En mode navigation , ces informations sont supprimées à la fermeture du navigateur. - Forum Réseaux sociaux
- Supprimer navigation privée chrome android - Forum Google Chrome
3 réponses
kangouroux
Messages postés
580
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
28 février 2013
37
3 août 2012 à 11:09
3 août 2012 à 11:09
Je ne sais pas si cela peut corriger ton soucis, mais personnellement que je souhaite animer une page je fais usage de la fonction animate de Jquery ^^
$('span').animate({height:'100px''},{queue:false,duration:300});
Dans ton css tu mets un petit overflow: hidden, pour que le texte reste ne dépasse pas le contenant.
Pour afficher le reste du texte :
$('span').animate({height:'500px''},{queue:false,duration:300});
$('span').animate({height:'100px''},{queue:false,duration:300});
Dans ton css tu mets un petit overflow: hidden, pour que le texte reste ne dépasse pas le contenant.
Pour afficher le reste du texte :
$('span').animate({height:'500px''},{queue:false,duration:300});
kangouroux
Messages postés
580
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
28 février 2013
37
3 août 2012 à 11:20
3 août 2012 à 11:20
Et pour le toggle :
$("#boutton").toggle(function(){
$("#cachecache","#Roller").stop().animate({height:"500px"},{queue:false,duration:500});
}, function() { $("#cachecache","#Roller").stop().animate({height:"100px"},{queue:false,duration:500});
});
$("#boutton").toggle(function(){
$("#cachecache","#Roller").stop().animate({height:"500px"},{queue:false,duration:500});
}, function() { $("#cachecache","#Roller").stop().animate({height:"100px"},{queue:false,duration:500});
});
Utilisateur anonyme
3 août 2012 à 11:30
3 août 2012 à 11:30
Hum merci mais je suis "obligé" d'utiliser ".slideToggle()" <= norme.
En corrigeant ainsi :
J'ai mon tit span Afficher/cacher qui change, mais le span "a-cacher" ne se déroule pas..... c'est trop bête >< c'est une veille erreur d'inattention mais là je vois tellement pas ><
En corrigeant ainsi :
echo "<p><b>Accès au programme</b> : "; echo $premierePartie.'<h3 class="plus-d-acces"><a class="closed plusdacces" href="#"><span class="do-open" >Plus d\'accès</span><span class="do-close" >Moins d\'accès</span></a></h3><br />'; echo "<span class='a_cacher'>".$deuxiemePartie."</span></p>";
J'ai mon tit span Afficher/cacher qui change, mais le span "a-cacher" ne se déroule pas..... c'est trop bête >< c'est une veille erreur d'inattention mais là je vois tellement pas ><
kangouroux
Messages postés
580
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
28 février 2013
37
3 août 2012 à 11:43
3 août 2012 à 11:43
dans ton echo tu retourne un "a_cacher" et non un "a-cacher" ...
Je fait un teste avec la fonction dont tu me parle et je te redis ça ^^
Je fait un teste avec la fonction dont tu me parle et je te redis ça ^^
kangouroux
Messages postés
580
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
28 février 2013
37
3 août 2012 à 11:57
3 août 2012 à 11:57
Est-il possible d'avoir le code source de toute la page ? j'ai besoin d'avoir le code HTML merci :)
<html> <head> <script type="text/javascript"> $(function(){ $(".plusdacces").click(function () { var $this = $(this) ; $this.closest('h3').next('span').slideToggle();//closest('h2') $this.toggleClass('opened closed') ; }); }); </script> </head> <body> <?php $premierePartie=substr($programme->getAccesAuProgramme(), 0, 248); $deuxiemePartie=substr($programme->getAccesAuProgramme(),248); ?> <p> <b>Accès au programme</b> : <?=$premierePartie; ?> <h3 class="plus-d-acces"> <a class="closed plusdacces" href="#"> <span class="do-open" >Plus d'accès</span> <span class="do-close" >Moins d'accès</span> </a> </h3> <span class='a_cacher'><?=$deuxiemePartie; ?></span> </p> </body> </html>
css:
.plus-d-acces a{color : #E40C00 ; text-decoration : underline} .opened span.do-open {display : none} .opened span.do-close {display : block} .closed span.do-open {display : block} .closed span.do-close {display : none} .a_cacher {display : none}
J'ai débuggé un peu, actuellement, les Afficher/cacher change, et le sapn "a_cacher" s'ouvre correctement....par contre, il me rafraichit la page et remonte, ce qui retire tout l'interet du toggle....
kangouroux
Messages postés
580
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
28 février 2013
37
3 août 2012 à 13:51
3 août 2012 à 13:51
pour ne pas rafraichir la page tu return false; à la fin de ton click ;) c'est magique tu verra