用javascript隐藏div的麻烦

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');