jQuery使用display:inline块切换相邻的div

我有一个切换容器，默认情况下它会隐藏其内容。单击容器时，内容将使用.toggle from jQuery滑入

内容由三个相邻的div组成，并带有display:inline块属性，因此它们显示在一行中。我的问题是，当切换内容时，div会显示在彼此下面。当动画完成（接近完成）时，它们将显示在一行中。他们跳到最后的位置。是否可以从一开始就将它们显示为一行

致意

编辑：以下是JSFIDLE链接：

点击
希斯特西格：
希斯特西格：
希斯特西格：

我尝试用float代替display:inline块，但没有成功。

---

似乎宽度有问题。因为当我用类容器删除div时，它就工作了。但是我不能删除它。

也许最好提供html和css内容的示例。 使用

可能jQuery会告诉他们在取消隐藏时显示块。 我建议使用

float

而不是

displayinline:block

但是您可能需要清除它，因为在某些情况下，它可能会以不好的方式影响您的布局

---

如果我看到它，我可以给你更合适的建议

给我们看看你的代码好吗？

<div class="contentline">
<div class ="bege">
    <div class="parent">
         click
    </div>
    <div class="toggle">
        <div class="content">Höchster Sieg:</div>
        <div class="content">Höchster Sieg:</div>
        <div class="content">Höchster Sieg:</div>
        <div class="clear"></div>
    </div>

</div>
</div>