3

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」をその下の隣にオーバーラップさせることです。ご覧のとおり、隣接するものの下に移動しています)どうすればそれを修正できますか。

私が考えているより高度なことは、最初のものに加えて、「div .item.w1.h1」divをコーナーにして、クリックしたときに上記の説明を親コンテナの中心に向かって成長/適用する方法です。 ..

どうもありがとう!

4

1 に答える 1

2

css関数にz-indexを追加します。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'}
        );
    }
);        
于 2012-04-12T08:09:27.893 に答える