Javascript CSS多个div的向上/向下滑动转换。将它们放置在同一位置（替换位置）的问题

如果你看这把小提琴，你就会确切地了解问题所在

问题：

1） 单击“Salgsapparat”时，我无法使用第二个

div

替换第一个

div

的位置。它堆在下面

2） 我应该如何使用translate（减号）偏移来确保其他div一开始是不可见的

---

3） 我必须先“启动”这个部门吗

$（'#kunderContainer'）.addClass（'closed'）

似乎没有必要，但我不知道怎么做。

这样的事情？您只需将类

打开的

添加到要首先显示的幻灯片中，然后删除该类并在单击后将其添加到下一张幻灯片中即可。也

位置：绝对位置使元素不会被按下。你不需要一个关闭的类来完成你想做的事情。
我认为你想做的事情可以通过添加以下css行来轻松完成：

显示：无！重要的

当滑块关闭时，您需要添加这条线

除非有特别的原因，你想抵消项目，使他们隐藏

  .slider.opened {
  /* visible */
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  display: none !important;
}

非常感谢：）至少解决了我的一部分问题！啊:（似乎我不能使用position:absolute…这是因为使用了Susy容器CSS。我必须在没有position:absolute的情况下使用position:absolute。那么我会做些什么呢？改为操纵高度。是的。但它应该在打开时显示，在关闭时不可见。我在显示方面有一些问题：无，因为过渡效果没有“使用显示时不工作：无。”。