顯示使用重疊div的其他信息。 JQuery

Question

我想在div上顯示額外的內容/文本。 看看小提琴：http://jsfiddle.net/P6JGY/132/。目前還沒有文字。但這不是問題。

我正在使用的代碼，但我可以切換h2/h1類，

$('#container .item.w1.h1').toggle(
    function() { 
     $(this).css(
      {"height": "110px", "background": "black"} 
     ); 
    }, 
    function() { 
     $(this).css(
      {"height": "50px", "background": "#CCC"} 
     ); 
    } 
); 

起初我想獲得的是'格.item.w1.h1' 重疊，其較低的鄰居。正如你現在所看到的那樣，它會在它的鄰居之下）我是如何解決這個問題的。

我在考慮的更高級的事情是，除了第一件事以外，如何使角落`div .item.w1.h1'divs成長/應用上述描述，點擊時，朝向中心的父容器..

非常感謝！

Answer 1

添加z-index到css函數。 http://jsfiddle.net/P6JGY/133/

$('#container .item.w1.h1').toggle(
    function() { 
     $(this).css(
      {"height": "110px", "background": "black", 'z-index':'10'} 
     ); 
    }, 
    function() { 
     $(this).css(
      {"height": "50px", "background": "#CCC", 'z-index':'0'} 
     ); 
    } 
);