jQuery .slideToggle ne change pas la taille de contenir div

Question

J'ai un .slideToggle simple sur mes titres de catégories sur le site: http://www.UtahCodeCamp.com/Sessions/:

// Slide Toggle the headers 
$(".collapse-track").each(function() { 
$(this).click(function() { 
    $(this).next().slideToggle(); 
}); 
$(this).css("cursor", "pointer"); 
$(this).next().hide(); 
}); 

Tout fonctionne parfaitement dans FireFox et Chrome/Safari mais dans IE8 la div parent (avec la bordure jaune dans le bas) ne sera pas redimensionner. Ensuite, si vous développez tous les catégories et les réduisez à nouveau, les titres des catégories sont placés les uns au-dessus des autres.

Des idées sur la façon de résoudre ce problème pour IE8? Je ne suis pas aussi intéressé par la compatibilité avec IE6 ou ci-dessous, mais je voudrais soutenir IE7/8.

Answer 1

Le problème que vous rencontrez n'est pas directement lié au mehod jQuery slideToggle. Au lieu de cela, cela est dû à l'une de vos règles CSS. J'ai utilisé la barre d'outils du développeur pour modifier ce qui suit:

.FloatLeft { 
    width: 850px; 
    /*display: inline-block;*/ /* This line was causing the problem */ 
} 

Je n'ai pas testé si cela va affecter Firefox ou Chrome.