содержимое исчезает при использовании jquery slideToggle в IE7 - PullRequest
6 голосов
/ 28 июля 2010

Я видел этот вопрос несколько раз, но не видел ответов.

У меня есть ul, который я раскрываю и сворачиваю, используя slideToggle () с jquery. Код прост:

$('#leftMenu li a.moreLess').click(function() {
    $(this).next().slideToggle('normal');   
});

С разметкой:

<a class="moreLess">Click here to see more</a>
<ul>
  <li>something</li>
  <li>something else</li>
  ...
</ul>

У меня есть кнопка с классом .moreLess, и при нажатии на нее список внизу должен развернуться или свернуться. По какой-то причине в IE 7 весь контент исчезает, когда список полностью расширяется. Когда он сворачивается, содержимое появляется снова, пока список не будет полностью закрыт.

Я не уверен, что это связано с CSS, но я надеялся, что кто-то мог столкнуться с этим раньше. Заранее спасибо за помощь!

Ответы [ 5 ]

18 голосов
/ 02 ноября 2011

поместите zoom: свойство 1 .работает с позицией: относительный.

10 голосов
/ 28 июля 2010

FYI проблема была с позиционированием CSS на элементах внутри UL, который переключается. После того как я удалил относительное и / или абсолютное позиционирование этих элементов, проблема больше не возникала.

4 голосов
/ 15 октября 2012

положить overflow: hidden; для div, в котором у вас есть контент, который запутался.У меня работает, но все же это и IE ошибка ...

0 голосов
/ 14 января 2013

в моем случае контент, загруженный с помощью slideToggle, был «сдвинут» вниз, создав 2 пустых места (только в IE7)

0 голосов
/ 15 октября 2011

На этой странице задается тот же вопрос. На решение отвечает SequenceDigitale.com

jQuery slideDown в IE9 - контент исчезает после завершения анимации

...