fadeIn jQuery fadeOut avec cliquez
Je suis en train de faire un div fadeIn quand un autre div est cliqué et fadeOut à nouveau quand un autre div est cliqué (ce qui serait le bouton fermer) mais mon code ne fonctionne pas, ai-je oublié quelque chose?
Voici le CSS:
body{
margin: 0;
padding: 0;
text-align: center;
background-color:#f0f2df;
}
#container{
border: solid 1px #f0f2df;
background-color:#f0f2df;
text-align: left;
margin: auto;
width: 939px;
height: 570px;
top:41px;
position:relative;
}
#contact_form{
display: none;
background-image:url(../images/bg.png);
width: 703px;
height: 379px;
position:absolute;
left:236px;
bottom:34px;
}
.contact_close{
display:none;
background-image:url(../images/close.png);
width:17px;
height:17px;
position:absolute;
right:5px;
top:135px;
}
Le code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<title>test</title>
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/click.js'></script>
</head>
<body>
<div id="container">
<div class="button_contact"></div>
<div id="contact_form">
<div class="button_close"></div></div>
</div>
</body>
</html>
et le JavaScript
$(document).ready(function(){
$("button_contact").click(function() {
$("#contact_form").fadeIn("slow");
});
$(".contact_close").click(function() {
$("#contact_form").fadeOut("slow");
});
});
et vous pouvez utiliser fadeToggle
OriginalL'auteur Bruno | 2009-12-18
Vous devez vous connecter pour publier un commentaire.
vous avez besoin de le "." devant button_contact
OriginalL'auteur scunliffe
jquery a aussi une .toggle() fonction qui vous permet de passer multi-fonctions qui sont "bascule" entre les uns des autres lorsque l'élément/s sont cliqués.
http://api.jquery.com/toggle/ une fonction utile, car vous pouvez ajouter autant de fonctions que vous le souhaitez.
OriginalL'auteur Mike
vous avez oublié un . avant de fermer bouton...
devrait fonctionner
OriginalL'auteur akearney
Le sélecteur sur votre fadeIn bouton est un peu hors. Votre code d'origine correspond à un élément avec un nom de nœud de
button_contact
pas avec un classe debutton_contact
.Essayer:
OriginalL'auteur Jon Cram
$("button_contact").cliquez sur(function() { devraient être
OriginalL'auteur rosscj2533
Essayez ceci:
OriginalL'auteur Vincent Ramdhanie
Je suis désolé mais cette syntaxe fonctionne que si le lien est cliqué ajax lien correspondant à un autre DIV? Je n'arrive pas à le faire fonctionner!
OriginalL'auteur iamwhitebox