Javascript 弹出和关闭

Question

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 时，否则它总是重置它......当然使用 == 进行比较:)

Answer 1

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

希望这对你有用。