contenuto che scompare quando si utilizza jquery slideToggle in IE7

Question

Ho visto questa domanda posta diverse volte ma non ho visto alcuna risposta.

Ho un ul che sto espandendo e comprimendo usando slideToggle() con jquery. Il codice è semplice:

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

Con marcatura di:

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

Ho un pulsante con una classe di .moreLess e quando si fa clic l'elenco che segue si dovrebbe espandere o comprimere. Per qualche ragione in IE 7 tutto il contenuto sta scomparendo una volta che l'elenco è completamente in espansione. Quando crolla, il contenuto viene visualizzato nuovamente finché l'elenco non è completamente chiuso.

Non sono sicuro se si tratta di qualcosa di correlato CSS, ma speravo che qualcuno potesse averlo incontrato prima. Grazie in anticipo per il vostro aiuto!

Answer 1

FYI il problema era con il posizionamento CSS sugli elementi all'interno dell'UL che viene attivato. Una volta rimosso qualsiasi posizionamento relativo e/o assoluto su quegli elementi, il problema non si verificava più.

Answer 2

La stessa domanda viene posta e risposta in questa pagina. La soluzione si risponde con SequenceDigitale.com

jQuery slideDown in IE9 - content disappears after animation finishes

Answer 3

mettere un zoom: 1 proprietà. funziona con posizione: relativa.

Answer 4

put overflow: hidden; per il div in cui si ha il contenuto, che viene incasinato. Lavora per me, ma comunque è e IE bug ...

Answer 5

nel mio caso il contenuto caricato con slideToggle è stato "spostato" la creazione di un calo del 2 spazio vuoto (solo in IE7)

ho risolto con questo css:

form { 
    margin: 0; 
}