同位素可點擊元素：同時打開一個div

Question

對於公司的團隊頁面我將使用Isotope按位置進行過濾。 點擊圖像時，該人的電話號碼，郵件等信息應該可見。

工作得很好，但現在我有問題了，我被困在一個點上。 我怎樣才能一次打開一個人信息框？

例如： 我點擊圖片一，信息顯示 - 然後當我點擊圖片二時，一個人應該關閉，這樣只有兩個人的信息是開放的。只有一個信息框在同一時間。

這是我到目前爲止，完整的代碼。 http://jsfiddle.net/qeMam/1/

，這裏是我的代碼

// 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'); 
} 
}); 

非常感謝你。

Answer 1

每當你點擊一個，你需要隱藏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'); 
     } 
    }); 

看到小提琴：http://jsfiddle.net/qeMam/2/