我有一个切换容器,默认情况下隐藏其内容。单击容器时,内容会使用 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 时,它就可以工作了。但我无法删除它。