zawartość znika podczas używania jquery slideToggle w IE7

Question

Widziałem to pytanie kilka razy, ale nie widziałem żadnych odpowiedzi.

Mam ul, który rozwijam i zwijanie przy użyciu slideToggle() z jquery. Kod jest prosty:

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

ze znacznikami z:

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

mam przycisku z klasą .moreLess i kiedy kliknięciu listy poniżej należy rozwinąć lub zwinąć. Z jakiegoś powodu w IE 7 cała zawartość znika, gdy lista jest w pełni rozwinięta. Po zwinięciu zawartość pojawia się ponownie, dopóki lista nie zostanie całkowicie zamknięta.

Nie jestem pewien, czy jest to coś związanego z CSS, ale miałem nadzieję, że ktoś mógł już na to wpaść. Z góry dziękujemy za pomoc!

Answer 1

FYI Problem polegał na pozycjonowaniu CSS na elementach wewnątrz UL, które są przełączane. Kiedy usunąłem względne i/lub absolutne pozycjonowanie tych elementów, problem już się nie zdarzył.

Answer 2

To samo pytanie jest zadawane i odbierane na tej stronie. Rozwiązanie zostanie odebrane przez SequenceDigitale.com

jQuery slideDown in IE9 - content disappears after animation finishes

Answer 3

umieścić zoom: 1 nieruchomości. działa z pozycją: względna.

Answer 4

Położyć overflow: hidden; dla div, w którym masz zawartość, która jest popsuta. Pracuje dla mnie, ale to i IE bug ...

Answer 5

w moim przypadku zawartość załadowana slideToggle była „przesunięta” w dół tworząc pustą przestrzeń 2 (tylko w IE7)

I rozwiązać ten css:

form { 
    margin: 0; 
}