jquery - jquery在链接点击时向下滑动div，然后在点击div外部时向上滑动

Question

任何人都知道我怎么能有一个链接，当单击该链接时，该链接会向下滑动 div，然后当单击 div 之外的任何位置时，该 div 会向上滑动？

提前谢谢。

斯科特。

Answer 1

试试这个：

$(".clicker").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    // do your worst, i.e. slide down
    $("div").slideDown("slow");
});

$(document).click(function() {
    // slide up
    $("div").slideUp("slow");
});

并且只是为了确保 div 不受影响：

$("div").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
});

Answer 2

试试这个：

$(".target").click(function(e) {
    e.preventDefault();
    e.stopPropagation();
    $(".class").toggle();
});

Answer 3

Frederik 在Document click not in elements jQuery中找到了一个很好的答案

稍作修改以支持文档中尚未出现的元素，例如通过 ajax 调用获取的元素。

$(document).on('click',function(event) {
    if (!$(event.target).closest("#selector").length) {
        if ($('#selector').is(":visible"))
            $('#selector').slideUp();
    }
});