Question

我试图在点击容器时对容器的子项（使它们从容器中消失）创建一个垂直（向上）的盲目效果，但由于某种原因，这只是在处理文本。容器中的图标根本没有移动，我想知道这是否很自然，或者某些代码是否会以这种方式影响它。

jquery是$(this).children().toggle( "blind", {direction: "vertical" }, 1000 );

html看起来像：

<div class="parent">
   <div class="child" id="icon">
     <img />
   </div>
   <div class="child" id="text">
     <h1> Some Title </h1>
     <p> Some text </p>
   </div>
</div>

孩子唯一的css是float:left（我没有构建这个，所以不要打扰我的浮动布局）和display: table

我没有想到浮动可能会影响这个，因为浮动是从左到右的影响，我正在切换垂直。我偶然看到显示屏只是为了看它是如何工作的，并得到了相同的结果。在一个类似的元素上，我正在做同样的效果，它工作正常，不同的是图像和浮动。

提前致谢！

Answer 1

也许额外的div会有帮助吗？

<div class="parent">
    <div>
       <div class="child" id="icon">
       </div>
       <div class="child" id="text">
       <h1> Some Title </h1>
       <p> Some text </p>
       </div>
    </div>
</div>

对图像的盲目影响

1 个答案: