單擊恢復密碼時，彈出式登錄關閉

Question

使用此代碼，當用戶在我的彈出式表單中單擊時，此彈出式窗口會停留。 但是，當用戶單擊時? 要恢復密碼，將顯示彈出的密碼，但不會關閉登錄表單。

任何想法如何關閉登錄彈出窗口？

HTML代碼：

   <div id="joinusLogin">
        <div id="backgroundOpacity"></div>
        <form id="loginForm">
            <input id="loginFormFields" type="email" name="email" placeholder=" E-mail"/><br />
                <input id="loginFormFields" type="text" name="password" placeholder=" Password"/>
                <div id="requestPassword">
                    <a href="javascript:hideshow(document.getElementById('passwordRecover'))">?</a>
                </div>
            <br />
                <input id="submitLogin" type="submit" value="LOG IN"/>
        </form>

        <div id="signupNow">
            Don't have an account yet? 
            <a href="javascript:hideshow(document.getElementById('inviteNowSignup'))">
                Sign up here.
            </a> 
        </div>
    </div>

    <div id="passwordRecover">
        <div id="backgroundOpacity"></div>
            <form id="passwordRecoverForm">
                <input id="passwordRecoverFields" type="email" name="email" placeholder=" E-mail"/><br />
                    <input id="submitPasswordRecover" type="submit" value="SEND PASSWORD"/>
            </form>

        <div id="signupNow">
            Don't have an account yet? 
            <a href="javascript:hideshow(document.getElementById('inviteNowSignup'))">
                Sign up here.
            </a> 
        </div>
    </div>

郵政編碼

function hideshow(which){
if (!document.getElementById)
    return
if (which.style.display=="block")
    which.style.display="none"
else
    which.style.display="block"
}

$('body').click(function(){
  $('#inviteNowSignup, #joinusLogin, #passwordRecover').hide();
});

$('body').on('click',"#signupForm, #loginForm, #passwordRecoverForm",function (e){
  e.stopPropagation();
});

Answer 1

如您的代碼所示。 您已經處理了單擊並傳遞給函數的那些元素的打開和關閉。 但是您尚未處理已經打開的內容。

嘗試在函數之前添加此行

   $('#inviteNowSignup, #joinusLogin').hide(); 

它將隱藏其他div。 順便說一句，隱藏和取消隱藏的單個功能不錯。