按一下调整div大小以适应窗口(工作)，并在第二次单击时调整回大小(不工作)

Question

我有一个代码，允许我调整容器的W&H大小，使其与点击时的窗口W&H相匹配，而且它工作得很好，我还希望它在第二次单击时重新调整大小，但到目前为止还不适合我.

这是我得到的一半工作的jsFiddle

$('.more').click(function(){
    var isFullscreen = false;
    var d = {};
    var speed = 900; 
    if(!isFullscreen){ // MAXIMIZATION
        d.width = $(window).width();;
        d.height = $(window).height();; 
        isFullscreen = true;
    }
    else{ // MINIMIZATION            
        d.width = "50px";
        d.height =  "50px";            
        isFullscreen = false;
    }

    $(this).animate(d,speed)
    })

Answer 1

Ummmm...your单击函数总是从将isFullscreen初始化为false开始(从不使用“never”分支)。您可以使isFullscreen成为一个全局变量；将它的声明和intialization移到函数之外。如果它应该是一个“静态”类型的变量，那么您需要对它进行非常不同的初始化(首先给这个单击函数取一个名称)，也许：

 $('.more').click(function f(){
   f.isFullscreen = (f.isFullscreen===false)?true:false;

第一次调用函数时，f.isFullscreen是未定义的(与false不相同)，因此被设置为false。在随后的调用中，它的值翻转，因此您不需要在最大化和最小化代码块中设置其值的单独行。