除非特定元素被點擊，否則觸發jQuery模糊功能

Question

我有一個登錄表單。當輸入集中時，通過添加一個css類來顯示「忘記的密碼」和「記住我」元素，當它們模糊時，通過移除類「sho」來再次隱藏元素。我想的元素，以保持類「show」如果我點擊其中任意一個或登錄鏈接

$(document).ready(function() { 
    $('.login *').focus(showlogin); 
    $('.login *').blur(hidelogin); 
}); 


function showlogin(){ 
    $('.login .hidden').addClass("show"); 
} 

function hidelogin(){ 
    $('.login .hidden').removeClass("show"); 
} 

HTML：

<form class="login"> 
    <input type="text"/> 
    <input type="password"/> 
    <a class="loginbutton" href="#">Log in</a> 
    <br /> 
    <a class="hidden" href="#">Forgotten password</a> 
    <label class="hidden"><input type="checkbox" /> Remember me</label> 
</form> 

Answer 1

而不是外結合blur，綁定到點擊登錄表單。

下面是一些代碼，我有我的頁面，關閉我的登錄框，當我點擊之外，你可以將它適應您的需求：

$(document).mousedown(function (e) { 
     if ($(e.target).closest("#signin").length == 0) { 
      $(".signin").removeClass("menu-open"); 
      $("fieldset#signin_menu").hide(); 
     } 
    });