Question

我有一个toggle-container，默认隐藏其内容。当点击容器时，内容将使用jQuery中的.toggle滑入。

内容由三个div组成，它们彼此相邻，并带有display：inline-block属性，以便它们显示在一行中。我遇到的问题是，当切换内容时，div显示在彼此之下。它们在动画结束时（接近完成）出现在一行中。他们跳到最后的位置。是否可以从头开始连续显示它们？

祝你好运

编辑：这是Jsfiddle链接：http://jsfiddle.net/7Ly5b/

<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>

我尝试使用float而不是display：inline-block，但没有成功。好像宽度有问题。因为当我用类容器删除div时它就可以了。但是我无法删除它。

Answer 1

也许最好提供你的html和css内容的例子。使用http://jsfiddle.net/

可能jQuery告诉他们在取消隐藏时显示阻止。我建议您使用float代替display-inline:block;，但之后您可能需要清除它，因为在某些情况下，它可能会以不良方式影响您的布局。

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

jQuery使用display：inline-block切换彼此相邻的Div

1 个答案: