7
votes

JQuery Fadein Fadeout avec click

J'essaie de faire une divisée div Fadein quand une autre div est cliquée et que FADEOUT à nouveau lorsque un autre div est cliqué (qui serait le bouton de fermeture) mais mon code ne fonctionne pas, ai-je oublié quelque chose?

Voici le CSS: xxx

le HTML: xxx

et le javascript xxx


1 commentaires

et vous pouvez utiliser Fadetoggle


7 Réponses :


2
votes

Vous avez oublié un . code> avant la fermeture du bouton:

$(".button_contact")....


0 commentaires

11
votes

Vous avez besoin du "." Avant Button_Contact

$(document).ready(function(){ 
  $(".button_contact").click(function() { 
    $("#contact_form").fadeIn("slow");
  });

  $(".contact_close").click(function() { 
    $("#contact_form").fadeOut("slow"); 
  });
});


1 commentaires

Aw homme qui embarque, je l'ai même vérifié! Oh bien merci gentil monsieur.



1
votes

Le sélecteur sur votre bouton Fadein est un peu éteint. Votre code d'origine correspond à un élément avec un nom nœud em> de bouton_contact code> pas avec un classe em> de bouton_contact code>.

. Essayez: P>

$(".button_contact").click(function() { 
    $("#contact_form").fadeIn("slow");
});


0 commentaires

1
votes

$ ("bouton_contact"). Cliquez sur (Fonction () {Devrait être

$(".button_contact").click(function() {


0 commentaires

1
votes

Essayez ceci:

$(document).ready(function(){ 

 $(".button_contact").click(function() { 
     $("#contact_form").fadeIn("slow");
 });

 $(".button_close").click(function() { 
  $("#contact_form").fadeOut("slow"); 
  });
 });


0 commentaires

9
votes

jQuery a aussi une fonction .toggle () qui vous permet de passer plusieurs fonctions qui sont basculées entre les autres lorsque l'élément / s est cliqué.

http://api.jquerery.com/toggle/ une belle fonction parce que vous pouvez ajouter comme Beaucoup de fonctions que vous voulez. xxx


0 commentaires

0
votes

Je suis désolé mais cette syntaxe fonctionnera-t-elle si le lien en cours de clic est un lien AJAX correspondant à un autre DIV? Je ne peux pas sembler le faire fonctionner! XXX


0 commentaires