Question

我的javascript出现问题，因为我的编码技能远远低于标准。我正在尝试创建一个简单的弹出框（我可以这样做），但我无法关闭此框。我写了一些代码，它是从以前的工作中粘贴并编辑了一下，我知道它很粗糙，但我是JS的真正新手。继承我的JSFiddle ... http://jsfiddle.net/4v4txoxs/2/ thanks

$('.up').click(function () {
    var Show = $('.Show');

    if (Show.hasClass('visible')) {
        $('.PopUp').animate({
            "opacity": "0"
        }, "fast");
        $('.PopUp').animate({
            "z-index": "2"
        }, "fast");
    } else {
        $('.PopUp').animate({
            "opacity": "1"
        }, "fast");
        $('.PopUp').animate({
            "z-index": "5"
        }, "fast");
    }
});

Answer 1

您需要显示和隐藏可见类，您可以使用$.fn.toggleClass()来实现它。

//Added the line before if block
Show.toggleClass('visible');

DEMO

用javascript

1 个答案: