如何添加jQuery关闭按钮？ $（函数（）{ $（“.box”）。单击（函数（）{ var$overlay=$（this.find（“.overlay”）； 如果（$overlay.is（':visible'））{ $overlay.fadeOut（）； }否则{ $overlay.fadeIn（）； } }); });

这是我的菜单脚本单击按钮显示此菜单。 如何添加关闭按钮？

类似的内容

<script type="text/java script">    
$(function () {
        $(".box").click(function () {
            var $overlay = $(this).find(".overlay");
            if ($overlay.is(':visible')) {
                $overlay.fadeOut();
            } else {
                $overlay.fadeIn();
            }
        });
    });
</script>

您甚至可以更进一步，将该代码放入一个函数中，您可以从两个代码片段中调用该函数以实现重用性

$('.closeButton').click(function(e) {
    var $overlay = $(this).find(".overlay");
    $overlay.fadeOut();
});

---

不是答案，但您的

if-else

可以替换为

$overlay.fadeToggle（）

，以实现相同的行为。另外，确保在脚本声明中将

java脚本

编辑为

javascript

（一个单词），以实现最大的兼容性。另外，请查看

fadeToggle（）

，这将消除if语句-

$overlay.fadeToggle（）
function closeOverlay() {
    var $overlay = $(this).find(".overlay");
    $overlay.fadeOut();
}

$('.closeButton').click(function(e) {
    closeOverlay();
});

$(".box").click(function () {
    var $overlay = $(this).find(".overlay");
    if ($overlay.is(':visible')) {
        closeOverlay();
    } else {
        $overlay.fadeIn();
    }
});