1

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

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

所以我所做的是我按照从1 到 12的顺序给每个人一个id ，并试图隐藏它们，除了点击的那个。这是正确的方法吗？为我糟糕的英语道歉。额外信息：我正在使用具有流体布局的 Jquery Masonry。

4

1 回答 1

0

您是否正在寻找这样的东西：

http://jsfiddle.net/Ns5hD/

于 2012-10-04T16:19:53.937 回答