1

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

4

1 回答 1

0

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

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

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

于 2012-12-21T12:51:20.413 回答