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

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

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

3 个答案: