изображение внутри аккордеонного меню прыгает вниз на 5 пикселей после анимации - PullRequest
0 голосов
/ 20 июня 2011

плавающее изображение в меню аккордеона переходит после завершения анимации.

Проблема, похоже, заключается в том, что плагин accordion () рекламирует тег абзаца для каждого элемента, кроме первого.все плавающие изображения внутри скрытых div-ов прыгают вниз после анимации

Это код, который отображается на странице, но в коде на сервере нет тегов

, в том числе они добавляются после отображения страницы плагином,.

пример здесь http://www.freeenergymedia.com/ </p> <pre><code><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>

1 Ответ

1 голос
/ 05 июля 2011

Я тоже с этим столкнулся.В конце концов я понял, что javascript для аккордеона, кажется, неправильно вычисляет высоту, которую нужно использовать при анимации, из-за коллапса полей.Попробуйте изменить css для тегов h3, чтобы значение margin-top или margin-bottom было равно 0.

...