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

Question

我在页面中有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; 
    }); 

Answer 1

更新：对不起忘了另一半的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; 
      }); 
     }); 

和继承人的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> 

Answer 2

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

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

JS

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