javascript - 在 html 中下拉登录

Question

我有这些下拉表单，我正在寻找一种方法，每当我单击表单之外的任何位置时，都可以将它们滑回来。我的 JavaScript 代码如下:

$(document).ready(
function(){
$('#login-trigger').click(
function(){
    $(this).next('#login-content').slideToggle();        

    })
});

$(document).ready(function() {
$('#signup-trigger').click(
function(){
    $(this).next('#signup-content').slideToggle();

    })    
});

我需要此功能的主要原因是这样两个表单不会同时打开，也不会与我稍后添加的任何其他下拉列表一起打开

<小时/>

Answer 1

只需在文档本身上添加一个基本的事件处理程序:

$(document).click(function(){
        $('#login-content').slideUp();
        $('#signup-trigger').slideUp();       
    })
});