javascript - JavaScript弹出窗口并关闭

的HTML

<ul>
    <li class="first"><a href="#">Intro</a></li>
    <li><a href="#">Crew</a></li>
</ul>

的CSS

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

JavaScript：

$('.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;
    }
});

我正在尝试创建打开关闭弹出效果。当他们单击链接时，弹出窗口淡入，当我再次单击链接时，弹出窗口淡出。

*更新。我已经弄清楚了如何使其工作。我必须放置声明：

var onOff=false;

在页面加载时不执行onclick时，否则它将始终将其重置.......并且当然使用==进行比较:)

最佳答案

您的条件不正确if (onOff=false)。应该是if (onOff==false)

希望这对您有用。

关于javascript - JavaScript弹出窗口并关闭，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9241632/