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"}
        );
    }
);

起初我想要的是`div .item.w1.h1＆＃39;重叠其下邻居。正如你现在所看到的，它已经在它的邻居之下了。我知道如何解决这个问题。

我想到的更高级的东西是如何制作，除了第一件事，角落`div .item.w1.h1＆＃39; divs to grow-the-describe-above-above，当点击时，朝向父容器的中心..

非常感谢！

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

使用重叠div显示其他信息。 JQuery的

1 个答案: