Php 当打开另一个弹出窗口时，如何自动关闭JQuery中的弹出窗口？

我在一个页面中有3个Jquery弹出窗口。当我打开一个窗口说登录弹出窗口，然后我打开另一个说反馈弹出窗口，我需要让我的登录弹出窗口关闭时，我点击反馈弹出链接。 下面是我的登录弹出窗口的示例代码。我也用同样的方法弹出反馈。请帮我回答我的问题。 提前谢谢大家

$(document).ready(function() {
    $('a.login-window').click(function() {

      //Getting the variable's value from a link 
        var loginBox = $(this).attr('href');

        //Fade in the Popup
        $(loginBox).fadeIn(300);

        //Set the center alignment padding + border see css style
        var popMargTop = ($(loginBox).height() + 24) / 2; 
        var popMargLeft = ($(loginBox).width() + 24) / 2; 

        $(loginBox).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        // Add the mask to body
        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(300);

        return false;
    });

    // When clicking on the button close or the mask layer the popup closed
    $('a.close, #mask').live('click', function() { 
      $('#mask , .login-popup').fadeOut(300 , function() {
        $('#mask').remove();  
    }); 
    return false;
    });

$（文档）.ready（函数（）{
$（'a.login-window'）。单击（函数（）{
//从链接获取变量的值
var loginBox=$（this.attr（'href'）；
//在弹出窗口中淡入淡出
$（登录框）.fadeIn（300）；
//设置中心对齐填充+边框请参见css样式
var popMargTop=（$（loginBox）.height（）+24）/2；
var popMargLeft=（$（loginBox）.width（）+24）/2；
$（登录框）.css（{
“页边距顶部”：-popMargTop，
“左边距”：-popMargLeft
});
//将遮罩添加到主体
$（'body'）。追加（''）；
$（'面具'）.fadeIn（300）；
返回false；
});
//单击“关闭”按钮或遮罩层时，弹出窗口关闭
$（'a.close，#mask'）.live（'click'，function（）{
$（'#掩码，.login popup'）.fadeOut（300，函数（）{
$（“#掩码”）.remove（）；
}); 
返回false；
});

更新：对不起，我忘记了jQuery的另一半，我现在修复了我的答案

我不太确定如何使你的代码与你的尝试工作，但这里有一个代码片段，我在我的所有项目中使用了很多，希望它能帮助你和更多

        var first = true;
        var second = true;

    $(document).ready(function () {
            $(".signup").slideToggle();
            $(".login").slideToggle();
            $("#signup").toggleClass("active");
            $("#login").toggleClass("active");


            $("#signup").click(function () {

                $(".signup").slideToggle();
                first = true;
                $(this).toggleClass("active");
                if (!$("#login").hasClass('active')) {
                    $(".login").slideToggle();
                    second = false;
                    $("#login").toggleClass("active");
                }
                return false;
            });
            $("#login").click(function () {
                $(".login").slideToggle();
                second = true;
                $(this).toggleClass("active");

                if (!$("#signup").hasClass('active')) {
                    $(".signup").slideToggle();
                    first = false;
                    $("#signup").toggleClass("active");
                }
                return false;
            });
        });

这是我的jQuery代码片段的HTML

    <div id="signup">
        Sign Up

    </div>
    <div class="signup">
        Email:<br>
        <input type="text">
        <br>
        Password:<br>
        <input type="password">
        <br>
        Verify Password:<br>
        <input type="password">
    </div>
    <div id="login">
        Login

    </div>
    <div class="login">
        Email:<br>
        <input type="email">
        <br>
        Password:<br>
        <input type="password">
    </div>

注册
电子邮件：



密码：



验证密码：

登录
电子邮件：



密码：

向所有三个弹出窗口添加一个公共类。显示弹出窗口时，先隐藏其他弹出窗口，然后显示当前弹出窗口

<div class="popup1 popup">Menu</div>
<div class="popup2 popup">Login</div>
<div class="popup3 popup">FeedBack</div> 

---

你有没有试过这样做？你是否提供了你的（HTML、CSS、jQuery和其他使用的库）这样我们可以更容易地查看您的代码和帮助。@btevfik我想要jquery中的代码，这样我就可以在弹出窗口中用动画移动来编写它。@vickythegme答案解决了您的问题吗problem@btevfik我结合了您的代码和我在这里搜索的其他代码，并以某种方式完成了它。但似乎每次单击（function（））时都必须使用.close（）登录，联系，反馈和我的代码似乎很长。没关系，我得到了我的答案。谢谢你…！！谢谢你的答案。但我需要做一个单独的弹出式外观，这样当我点击另一个链接时，打开的一个应该关闭。无论如何，让我试着用弹出式修改你的代码。非常感谢。谢谢你的代码。它工作正常。B以前我有很多行要做。现在它似乎只是所有点击（）中的一行功能。谢谢。@vickythegme，既然你评论说这个答案有效，请通过接受答案并投票选出你喜欢的答案让其他用户知道。这会奖励回答问题的人，也会让有相同问题的人更容易快速看到正确答案。只需点击一个按钮。谢谢你抽出时间。

$('a.login').click(function(){
    $('.popup').hide();
    ---- your code ----
});