Javascript 一次点击jQuery和2个fadeIn_Javascript_Jquery_Click_Fadein

Javascript 一次点击jQuery和2个fadeIn

javascript jquery

Javascript 一次点击jQuery和2个fadeIn,javascript,jquery,click,fadein,Javascript,Jquery,Click,Fadein,这是让两个div同时消失的正确方法吗？（触点闭合应位于触点盒前面，用作触点盒的闭合按钮编辑：修复了一些divname Javascript $(document).ready(function(){ $(".button_contact").click(function() { $("#contact_box").fadeIn("slow"); $(".contact_close").fadeIn("slow"); }); $(".contact_close").clic

这是让两个div同时消失的正确方法吗？（触点闭合应位于触点盒前面，用作触点盒的闭合按钮

编辑：修复了一些divname

Javascript

$(document).ready(function(){ 

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

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

}))

CSS

HTML


测试

是的，很好

有多种方法可以做很多事情，但像这样简单的事情并不需要非常技术性的方法。

我没有彻底地分析您的代码，但是将关闭框放在div中似乎更符合逻辑，而不是放在它旁边。

您可以使用

$('#contact_box, .contact_close').fadeIn('slow')

这更有效，因为jQuery只启动一个淡入淡出操作。

如果希望关闭按钮和联系人框以完全相同的方式设置动画，并且如果关闭按钮标记位于联系人框div内，为什么不淡出联系人框（其中包含按钮）？

<!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_box">
        <div class="contact_close"></div></div>
</div>
</body>
</html>

$('#contact_box, .contact_close').fadeIn('slow')