JQuery .slideToggle не изменяет размер вмещать DIV

Question

У меня есть простой .slideToggle на моей категории рубрик на сайте: 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(); 
}); 

Все работает отлично в FireFox и Chrome/Safari, но в IE8 родительского DIV (с желтой рамкой внизу) не будет изменять размер. Затем, если вы разворачиваете все категории и сворачиваете их снова, названия категорий располагаются прямо друг над другом.

Любые идеи о том, как исправить это для IE8? Меня не интересует совместимость с IE6 или ниже, но я бы хотел поддержать IE7/8.

Answer 1

Проблема, с которой вы столкнулись, напрямую не связана с jQuery slideToggle mehod. Вместо этого это связано с одним из ваших правил CSS. Я использовал панель инструментов разработчика, чтобы изменить следующее:

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

Я не тестировал, если это повлияет на Firefox или на Chrome.