Jquery 通过单击另一个div淡入/淡出div_Jquery_Fadein_Fadeout

Jquery 通过单击另一个div淡入/淡出div

jquery

Jquery 通过单击另一个div淡入/淡出div,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,我有一个div元素。单击它，它将显示用于登录的另一个div。Logindiv包含另一个div，Login close，它将在单击时隐藏登录div。我正在努力使用所需的jQuery。以下是我到目前为止的情况： <html> <div class="member"></div> <div class="login"> <div class="login-close"></div> <

我有一个

div

元素。单击它，它将显示用于登录的另一个

div

。Login

div

包含另一个

div

，

Login close

，它将在单击时隐藏登录div。我正在努力使用所需的jQuery。以下是我到目前为止的情况：

<html>
    <div class="member"></div> 
    <div class="login">
        <div class="login-close"></div>
    </div>
</html>

$（文档）.ready（函数（）{
$（“.member”）。单击（函数（）{
$（this.next（“.login”）.fadeIn（1000）；
});
$（“.login close”）。单击（函数（）{
$（this.next（“.login”）.fadeOut（1000）；
});
});

关闭按钮是login div的后代，因此

。下一步（'.login'）

不起作用，您可以使用

。最近（'.login'）

查找祖先

。login

元素

$（文档）.ready（函数（）{
$（“.member”）。单击（函数（）{
$（this.next（“.login”）.fadeIn（1000）；
});
$（“.login close”）。单击（函数（）{
$（this）.closest（“.login”）.fadeOut（1000）；
//或者使用.parent（），因为它们是直接的父子元素
//$（this.parent（）.fadeOut（1000）；
});
});
.member{
宽度：80px；
高度：67px；
浮动：对；
背景色：#4CA502；
背景图片：url（../images/social icon/dark/member.png）；
背景重复：无重复；
背景位置：中心；
}
.登录{
宽度：300px；
高度：400px；
背景：#090；
边际：0px；
填充：0px；
显示：无；
位置：绝对位置；
右：0；
顶部：87px；
}
.登录关闭{
背景:#093；
位置：绝对位置；
宽度：30px；
高度：30px；
顶部：-30px；
保证金：0；
填充：0；
}

简单就是，不知道做什么。谢谢！！请解释你改变了什么以及为什么。。。Just cone不是一个答案。我很乐意帮助你……如果你对答案感到满意，你可以接受它
$(document).ready(function () {
  $(".member").click(function () {
    $(this).next(".login").fadeIn(1000);        
  });
  $(".login-close").click(function () {
    $(".login").fadeOut(1000);
  });
});