-1

ここに小さな JS 関数があります: http://jsfiddle.net/9UzNq/7/ バーをクリックすると、その高さから 300px に拡大されます。そこのコンテンツに div を適用しようとしましたが、わかりませんでした。

var open = false;

$(document).ready(function () {
    $('#title').click(function () {
        open = !open;
        $('#ABCD').animate({
            height: open ? "300" : "0"
        }, 700);
        if (open) $('#title').addClass('glow');
        else $('#title').removeClass('glow');
    });
});

content div は「wrapit」と同時に開く必要があります。

4

3 に答える 3

1

親 div #ABCD の高さを 0px に設定しただけですが、子には既にコンテンツが含まれているため、引き続き表示されます。

このドキュメント、特に例の部分をもう一度読んでください。たとえば、トグルを使用できます

$('#ABCD').animate({
    height: "toggle"
}, 700);
于 2013-11-12T16:52:09.023 に答える
0

私がしたことは、の可視性#ABCDを非表示に設定することでした。タイトルをクリックしたら、jQuery を使用して可視性を に戻しvisibleます。

CSS 

#ABCD {
    width:100%;
    z-index:2;
    height: 0px;
    visibility:hidden;
}

jQuery

$(document).ready(function () {
    $('#title').click(function () {
        open = !open;
        $('#ABCD').animate({ height: open ? "300" : "0" }, 700);
        if (open){
            $('#title').addClass('glow');
            $('#ABCD').css('visibility','visible');
        }
        else{
            $('#title').removeClass('glow');
            $('#ABCD').css('visibility','hidden');
        }
    });
});
于 2013-11-12T17:09:38.907 に答える