jquery - 如何在单击页面上的任意位置时显示/隐藏（切换）DIV

Question

我正在制作一个投资组合网站，图片在背景中是全屏的，我使用 z-index 放置一个透明的 div，上面有文本。我想通过单击页面上的任意位置来切换具有字体可见性的 DIV。如果可能的话，让它具有淡入淡出功能。

我还是 jQuery 的新手，所以任何帮助都会很棒。

非常感谢。

Answer 1

也许是这样的？

// dom ready
$(function(){

    // body click
    $("body").click(function(){

        // element to toggle
        var $el = $(".your-element");

        // toggle div
        if ($el.is(":visible")) {
            // fade out
            $el.fadeOut(200);
        } else {
            // fade in
            $el.fadeIn(200);                
        }

    });
});

使用的 jQuery 方法： .ready( ) .click () .is( ) .fadeIn() .fadeOut()