jQuery fadeIn fadeOut点击

当我点击另一个div并且点击另一个div（这将是关闭按钮）时，我正试图制作一个div fadeIn，但是我的代码不起作用，我忘记了什么吗？

这是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; } 

HTML：

和JavaScript

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

Answer 1

你需要“。” 在button_contact之前

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

Answer 2

jquery还有一个.toggle（）函数，它允许你在单击元素时传递在彼此之间“切换”的多个函数。

http://api.jquery.com/toggle/一个很好的function，因为你可以添加任意数量的function。

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

Answer 3

你忘记了。 按钮关闭之前……

 $(".button_contact").... 

应该管用

Answer 4

你的fadeIn按钮上的选择器有点偏。 您的原始代码匹配一个节点名为 button_contact的元素，而不是一个button_contact 类 。

尝试：

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

Answer 5

$（“button_contact”）。click（function（）{应该是

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

Answer 6

试试这个：

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

Answer 7

很抱歉，如果被点击的链接是与另一个DIV相对应的ajax链接，这个语法会有效吗？ 我似乎无法让它工作！

   
 
 Who We Are 
 
 Benefits
 
 Commercial Terms
 
 Property Types
 
 Commercial Info