Problème avec SlideToggle

Problème avec SlideToggle - HTML/CSS - Programmation

Marsh Posté le 17-05-2010 à 14:56:19    

Bonjour tous le monde.
je viens vous voir car j'ai un souci enfaite sur mon portfolio enfin, j'ai mis un slidetoggle qui s'active via click sur un bouton.
En gros voici le code.

Code :
  1. $(document).ready(function(){
  2. $("#display" ).click(function(){
  3.  $("#content" ).slideToggle("slow" );
  4.  $(this).toggleClass("active" ); return false;
  5. });
  6. });


 
et j'aimerais savoir si c'est possible que le slide se fasse tout seul.
Du coup en allant voir sur http://jquery.developpeur-web2.com/documentation/ je me suis dis que peut être en faisant un système de chargement.
Mais je dois avouer que j'ai beaucoup de mal en javascript donc si vous pouviez m'aider ce serait top.
Le site en question est http://www.cknsnr.com
Merci d'avance !

Reply

Marsh Posté le 17-05-2010 à 14:56:19   

Reply

Marsh Posté le 17-05-2010 à 15:20:56    

Pas très bien compris.
Tu veux qu'il s'ouvre une fois la page chargée, et cela en javascript.

Code :
  1. function slideContent() {
  2.     $("#content" ).slideToggle("slow" );
  3.     $(this).toggleClass("active" ); return false;
  4. }
  5. $(document).ready(function() {
  6.     setTimeout("slideContent();",5000);
  7. });


De cette façon, ta fonction se lance 5000 milliseconde après que la page soit chargée

Code :
  1. function slideContent() {
  2.     $("#content" ).slideToggle("slow" );
  3.     $(this).toggleClass("active" ); return false;
  4. }
  5. $(document).ready(function() {
  6.     slideContent();
  7. });


De cette façon, elle se lance une fois que la page est chargée

Reply

Marsh Posté le 17-05-2010 à 15:26:54    

Oui voilà !  
Merci :)

Reply

Marsh Posté le 17-05-2010 à 15:31:29    

Attention, je n'ai pas fait gaffe, mais il y a in "this" qu'il faut remplacer

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed