jQuery在链接单击时向下滑动div，然后在div外部单击时向上滑动

Question

有人知道我如何获得一个链接，该链接在单击div时会向下滑动div，而在div之外的任何位置单击时div会向上滑动？

提前thnx。

斯科特。

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

在文档单击而非元素jQuery中找到了Frederik的很好的答案

进行了一些修改，以支持文档中尚不存在的元素，例如由ajax调用获取的元素。

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