Question

我有一个带有2个内部div（上部和下部）的容器div。当我点击鞋面时，它应该切换以取消隐藏它下方的div。同时我想切换隐藏下部div，以保持容器高度不变。两个div--我要隐藏的那个和要隐藏的那个 - 都有相同的措施，但效果仍然不是很平坦（开始时似乎有震动）。

有没有办法避免这种情况，还是我需要另一种方法来达到我想要的效果？

BTW：隐藏在某些元素上的溢出对我想要完成的事情不起作用。

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

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

JSFIDDLE

Answer 1

向position:absolute;添加div，向绿色z-index:2;添加#subcv。然后只使绿色移动，并留下红色div静态fiddle here。

完整代码

HTML

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

CSS

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

jquery的

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

你的问题是div s一个接一个地在页面上，所以最高的一个降低了1px的底部（如果你只使用Toggle它会是'50px）。抱歉，如果这部分不清楚。

jQuery协调切换

1 个答案:

HTML

CSS

jquery的