Javascript 使用jQuery使我的div扩展为新信息，但它与页面上的其他信息重叠

我使用jquery使我的div扩展为新信息，但它与页面上的其他信息重叠，有人能帮助解决这个问题吗？ 我只对第一个div进行了编码，以便在完成其余部分之前使其工作

下面是我的代码：

HTML:

JQuery：

$(document).ready(function () {
    $("#clickme").click(function () {
        $("#PBScontent").slideToggle("slow")
    });
});

---

尝试

display:block

，而不是

display:inline

您希望它做什么？希望它看起来像div已展开，而其余div将向下移动。。或者，如果有人有更好的想法，最好听听。@Czuroski您的代码对我来说运行良好。的确如此！隐马尔可夫模型。。必须与其他div有关，因为当我在任何浏览器中运行它时，内容与页面上的其他div重叠，它们不会移动@我会考虑修改你所有的实际代码并编辑你的问题。display:block对@user33030664没有任何影响，如果你删除了你的位置：绝对，也可以吗？试过了，还是一样@我把全班同学从div中调出来，然后就可以了。然后代替$（“#PBScontent”）.slideToggle do$（“#PBScontent”）.show（）；这样行吗？如果是这样的话，slideToggle就不是你想要它做的。我觉得唯一剩下的可能性是你有某种固定的或静态的元素，它阻止了文档的其余部分移动。如果您使用的是HTML5 doctype，那么我的三个建议的组合肯定会起作用。否则，在css中的某个地方，您已经设置了一个位置：绝对或类似。

#debug {
    position:absolute;
    top:350px;
}
.commenthidden {
    display:none
}
.commentshown {
    display:inline
}

$(document).ready(function () {
    $("#clickme").click(function () {
        $("#PBScontent").slideToggle("slow")
    });
});