Question

在动画完成后，手风琴菜单中的

浮动图像会跳转。

问题似乎是accordion（）插件将广告段标记广告给除第一个元素之外的每个元素。隐藏的div中的所有浮动图像在动画后跳下

这是在页面上呈现的代码，但服务器上的代码没有包含

标签，它们是在插件页面呈现后添加的。

示例http://www.freeenergymedia.com/



<div class="demo" >

<div id="accordion">
<h3><a href="#">First</a></h3>
<div>
<a id="single_image" style="float:left;" href="image1"><img src="thumb1.JPG" /></a></p>
<div style="width: 450px;  margin-left:25px; float:left">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>

<h3><a href="#">Second</a></h3>
<div>
<p><a id="single_image" style="margin:auto; float:left" href="image2.jpg"><img src="thumb2.jpg"/></a></p>
<div style="width: 450px;  margin-left:25px; float:left"/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>

<h3><a href="#">Third</a></h3>
<div>
<p><a id="single_image" style="float:left" href="image3.jpg"><img src="thumb3.JPG" /></a></p>
<div style="width: 450px;  margin-left:20px; float:left;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>

</div>
<p><!-- End demo --></p>

<div class="demo" > <div id="accordion"> <h3><a href="#">First</a></h3> <div> <a id="single_image" style="float:left;" href="image1"><img src="thumb1.JPG" /></a></p> <div style="width: 450px; margin-left:25px; float:left"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <h3><a href="#">Second</a></h3> <div> <p><a id="single_image" style="margin:auto; float:left" href="image2.jpg"><img src="thumb2.jpg"/></a></p> <div style="width: 450px; margin-left:25px; float:left"/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> <h3><a href="#">Third</a></h3> <div> <p><a id="single_image" style="float:left" href="image3.jpg"><img src="thumb3.JPG" /></a></p> <div style="width: 450px; margin-left:20px; float:left;"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div> </div> <p></p>

Answer 1

我也遇到过这个。我最终得知手风琴javascript似乎错误计算了动画时使用的高度，因为边缘会崩溃。尝试修改hss标记的css，以便margin-top或margin-bottom为0。

手风琴菜单中的图像在动画后跳了5px

1 个答案: