iTunes样式网格，无法点击正方形

Question

我正在制作一个iTunes风格的网格。我看起来像这样：

http://jsfiddle.net/CM8SX/2/

$(myApp.boxes[0]).click(function(){
        if((myApp.boxes_1).css('margin-top') == '0px'){
            $('.grid').slice(5, 10).transition({marginTop: wys[0]}, 400);
            $('.grid').slice(10, 15).transition({marginTop: '0px'}, 400);
        }else {
            $('.grid').slice(5, 10).transition({marginTop: '0px'}, 400);
        }
    });
    $(myApp.boxes[1]).click(function(){
        if((myApp.boxes_1).css('margin-top') == '0px'){
            $('.grid').slice(5, 10).transition({marginTop: wys[1]}, 400);
            $('.grid').slice(10, 15).transition({marginTop: '0px'}, 400);
        }else {
            $('.grid').slice(5, 10).transition({marginTop: '0px'}, 400);
        }
    });
    $(myApp.boxes[5]).click(function(){
        if((myApp.boxes_2).css('margin-top') == '0px'){
            $('.grid').slice(10, 15).transition({marginTop: wys[2]}, 400);
            $('.grid').slice(5, 10).transition({marginTop: '0px'}, 400);
        }else {
            $('.grid').slice(10, 15).transition({marginTop: '0px'}, 400);
        }
    });

尝试点击1,2和6平方。问题是当你点击1，然后在2平方上，第一个方块隐藏之前。只有这样你才能展示它。