Javascript iTunes样式的网格，不能单击正方形

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

---

尝试单击1、2和6方块。问题是，当您单击1，然后单击2正方形时，第一个正方形会隐藏在前面。只有这样，您才能显示它。

在打开您单击的框之前，您可以添加一行关闭所有其他打开的框吗？@kthornbloom。你的回答对我帮助很大。我使用了removeClass（）和toggleClass（）函数。谢谢

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