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: p> le HTML: p> et le javascript p>
7 Réponses :
Vous avez oublié un . code> avant la fermeture du bouton:
$(".button_contact")....
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"); }); });
Aw homme qui embarque, je l'ai même vérifié! Oh bien merci gentil monsieur.
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 . Essayez: P> bouton_contact code> pas avec un classe em> de
bouton_contact code>.
$(".button_contact").click(function() {
$("#contact_form").fadeIn("slow");
});
$ ("bouton_contact"). Cliquez sur (Fonction () {Devrait être
$(".button_contact").click(function() {
Essayez ceci:
$(document).ready(function(){ $(".button_contact").click(function() { $("#contact_form").fadeIn("slow"); }); $(".button_close").click(function() { $("#contact_form").fadeOut("slow"); }); });
jQuery a aussi une fonction http://api.jquerery.com/toggle/ une belle fonction parce que vous pouvez ajouter comme Beaucoup de fonctions que vous voulez. p> .toggle () code> qui vous permet de passer plusieurs fonctions qui sont code> basculées code> entre les autres lorsque l'élément / s est cliqué.
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!
et vous pouvez utiliser Fadetoggle