如何填充div以适合单击屏幕并覆盖其他div

Question

我有一组具有相同类名的<div>标记。我的目标是当我点击一个特定的<div>时，我需要最大限度地利用它的高度和宽度来填充屏幕并覆盖<div>的其余部分。我正在使用下面的代码来实现这个

$('div').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 = "300px";
        d.height = "100px";            
        isFullscreen = false;
    }
    i = 0 
    id = $(this).attr("id");
    while(i<=12){
        if(i != id){
            $("i").hide();
        }
        i++;
    }
    $(this).animate(d,speed)
    })

所以我所做的就是给每个人一个id，顺序从1到12，并试图隐藏它们，除了单击的那个。这是正确的方法吗。为我糟糕的英语道歉。额外信息:我正在使用带有流体布局的Jquery砖石结构。

Answer 1

你是在找这样的东西吗？

http://jsfiddle.net/Ns5hD/