Javascript 如何向div添加内容？

我这里有一个小JS函数： 单击该条时，它将从其高度扩展到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');
    });
});

---

内容div应与“wrapit”同时打开。

您只需将父div#ABCD height设置为0px，但子div中已包含内容，因此仍会显示

再读一遍，尤其是例子部分。例如，您可以使用切换

$('#ABCD').animate({
    height: "toggle"
}, 700);

---

您可以这样尝试，只需在运行时清空/填充contentdiv的文本，并使用的回调函数

---

我所做的是将

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

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