Javascript弹出并关闭

HTML

JavaScript:

.page-popup {
    z-index:500;
    position:absolute;
    left:345px;
    background:#fff;
    width:680px;
    height:325px;
    top:175px;
    display:none;
}

我试图创建一个打开关闭弹出效果。当他们点击链接时弹出窗口淡入，当我再次点击链接时弹出窗口淡出

*更新。我已经想出了如何使它工作。我必须申报：

$('.first').click(function() {
    var onOff=false;

    if (onOff=false) {  
        $('.page-popup').fadeIn('slow', function() {
            // Animation complete
        });
        onOff = true;
    } else {
        $('.page-popup').fadeOut('slow', function() {

        }); 
        onOff = false;
    }
});

---

在页面加载时，而不是在执行onclick时，否则它总是将其重置……。当然，使用==进行比较：）

如果（onOff=false），则您的条件不正确。如果（onOff==false）

---

希望这对您有用。

正如其他用户已经提到的，您必须将您的条件更正为if（onOff==false） 此外，您可能希望阻止执行单击上的默认事件处理程序。将代码更改为

var onOff=false;

---

这将防止不必要的页面滚动。

一个错误if（onOff=false）应该是if（onOff=false）。它的比较运算符如果你已经解决了你的问题，请将其作为下面的答案发布，然后接受你自己的答案。是的，这是一个主要问题。谢谢。@Splatty，太好了。如果这个答案解决了你的问题，请接受它作为你的答案。请阅读

var onOff=false;

$('.first').click(function(event) {
    event.preventdefault();
    //rest of the code
}