Javascript html中的下拉式登录

我有这些下拉表单，我正在寻找一种方法，每当我点击表单之外的任何地方时，都可以将它们滑回。 我的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();

    })    
});

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

---

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

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

---

我会做像这样的事，又快又简单。只需向滑动元素添加一类

。滑动内容

，然后添加以下内容：

$(document).on('click', ':not(.sliding-content)', function() {
   $('.sliding-content').slideUp();
});

---

好吧，我这样解决了它，多亏了两个答案提交者的指导

$(document).ready(
function(){
$('#login-trigger').click(
function(e){
    $('#signup-content').slideUp();
    $('#categories').slideUp();
    e.stopPropagation();
    $(this).next('#login-content').slideToggle();
    $('#login-content').click(function(e){e.stopPropagation();});
    }
)
}
);

$(document).ready(function() {
$('#signup-trigger').click(
function(e){
    $('#login-content').slideUp();
    $('#categories').slideUp();
    e.stopImmediatePropagation();
    $(this).next('#signup-content').slideToggle();
    $('#signup-content').click(function(e){e.stopPropagation();});
    })    
});

我主要使用e.stopPropagation功能来防止下拉按钮本身向后滑动 上下滑动的形式。然后添加了文档单击功能，可以向上滑动所有向下滑动的表单

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

});

---

嗨，谢谢。这听起来是一个很好的方法，我会找到这个方法，稍后再发布我的结果。离开了一段时间Hanks，虽然这只是防止它在第一时间向上滑动，因为它包含在click函数中