jQuery协调切换

我有一个容器div，上面和下面有两个内部div。当我点击upper时，它应该切换到取消隐藏它下面的div。同时，我想切换隐藏较低的div，以保持容器高度不变。两个div（我切换到隐藏的div和取消隐藏的div）具有相同的度量，但效果仍然不平滑，开始时似乎有抖动

有没有办法避免这种情况，或者我需要另一种方法来达到我想要的结果

顺便说一句：隐藏在某些元素上的溢出对我试图实现的目标不起作用

编辑：抱歉，我没有发布代码，因为它非常简单

$("#ct").click(function () {
  $("#subcv").slideToggle("slow", "linear");
  $("#subph").slideToggle("slow", "linear");
});

添加一个位置：绝对位置；对divs和z指数：2；到绿色的那辆车。然后只移动绿色的一个，并使红色的div保持静止

完整代码

html jquery

---

你的问题是两个div都在页面上，一个接一个，因此顶部的div将底部的div降低了1pxi，如果你只使用切换键，它将是'50px。如果此部分不清楚，很抱歉。

请发布您的代码和您尝试过的内容。添加的代码-它非常基本，这就是我没有包含它的原因。此处看起来很好：。如果我的提琴与您实际使用的不匹配，请发布一个更好的。我也试过这个提琴，用一个容器DIV代替了一个按钮，它看起来也不错：正如我在上面的评论中所说，绝对在我的情况下不起作用。@oliver13哦，我不明白，请您解释一下为什么不起作用？由于这取决于具体情况，因此可能存在特定的解决方法。

<button id="ct">Click here</button>
<div id="subcv"></div>
<div id="subph"></div>

#subcv, #subph {
    height: 50px;
    width: 100px;
    position:absolute;
}
#subcv {
    background-color: green;
    display:none;
    z-index:2;
}
#subph {
    background-color: red;
}

$("#ct").click(function () {
    $("#subcv").slideToggle("slow", "linear");
});