如何使一个模式位于另一个模式中，并在Jquery中打开另一个模式时使最后一个模式消失

Question

​

        $(function() {
    //----- OPEN
    $('[data-popup-open]').on('click', function(e)  {
        var targeted_popup_class = jQuery(this).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);
 
        e.preventDefault();
    });
 
    

});

.popup {
    width:500px;
    height:500px;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(193, 49, 49, 0.55);
    z-index: 99;
}
.popup-1{
    width:500px;
    height:500px;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:green;
    z-index: 99;
}

<div class="popup-1" data-popup="popup-2">
  <button type="button"><a class="btn" data-popup-open="popup-1" href="#">Regjistrohu</a></button>
</div>
<div class="popup" data-popup="popup-1">
  <button type="button"><a class="btn" data-popup-open="popup-2" href="#">login</a></button>
</div>
<button type="button"><a class="btn" data-popup-open="popup-2" href="#">add</a></button>

​

您好，我正在做一个登录和注册表单，就像在Jquery中的一个模式，当我点击登录到注册模式它工作，但当我尝试注册在登录模式，我也不工作，我想从他们消失，当另一个是活动的。到目前为止，她是我的代码：http://codepen.io/xhepigerta/pen/vGRdvb，有人能帮帮我吗？谢谢

Answer 1

尝试以下操作：

$('[data-popup]').not($('[data-popup="' + targeted_popup_class + '"]')).fadeOut();

http://codepen.io/anon/pen/redJgG