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();
    }
});