Jquery 同位素可点击元素：同时只打开一个div

对于公司的团队页面，我将使用同位素和按职位过滤。 点击一张图片，那个人的电话号码、邮件等信息就会显示出来

这很有效，但现在我有一个问题，我有一点被绊住了。 如何一次只打开一个人的信息框

例如： 我点击图片一，信息显示出来——然后当我点击图片二时，第一个人应该关闭，这样只有第二个人的信息是打开的。同一时间只有一个信息框

这是我到目前为止所拥有的，完整的代码。

这是我的密码

// change size of clicked element
$container.find('.teamcontent').live('click', function() {
if ($(this).is('.large')) {
jQuery('.teaminfo', this).fadeToggle("fast", "linear");
$(this).toggleClass('large');
$container.isotope('reLayout');

} else {
jQuery('.large > .teaminfo'); 
$container.find('.large').removeClass('large');
jQuery('.teaminfo', this).fadeToggle("fast", "linear");
$(this).toggleClass('large');
$container.isotope('reLayout');
}
});

---

非常感谢。

每次单击一个，您都需要隐藏

teaminfo

，然后显示单击的一个：

// change size of clicked element
    $container.find('.teamcontent').live('click', function() {
        if ($(this).is('.large')) {

            jQuery('.teaminfo', this).fadeToggle("fast", "linear");
            $(this).toggleClass('large');
            $container.isotope('reLayout');

        } else {
            //*********** added this line *************
            jQuery('.teaminfo').hide();
            jQuery('.large > .teaminfo');
            $container.find('.large').removeClass('large');
            jQuery('.teaminfo', this).fadeToggle("fast", "linear");
            $(this).toggleClass('large');
            $container.isotope('reLayout');
        }
    });

---

看小提琴：

哇，那真是太快了，而且很有魅力！非常感谢你！