Анимация прыжка при разрушении

Question

Help!

Взгляните на this в IE7.Когда вы щелкаете по одному из основных заголовков, он раскрывается без скачка, но при свертывании, так же как и при завершении, он делает небольшой скачок.Я хочу избавиться от упомянутого прыжка..

.trials * {
    border: 1px transparent solid;
    }

Answer 1

Я не совсем уверен, что является причиной этого - может быть макет таблицы сайта (когда я удалил окружение, код работал нормально). Я собрал этот jsfiddle сайта. В разделе CSS находится исправление, которое работает на моем компьютере. В основном, дайте анимирующему контейнеру границу. IE любит границы ...

Я сделал границы белыми, чтобы они не появлялись. Считайте, что это должно быть сделано как одно исправление браузера. Если не надеемся, что это приведет вас на правильный путь!

:)

Answer 2

То, что мне нравятся границы, заставляет меня думать, что это проблема коллапса полей, а граница останавливает коллапс полей ... но я не вижу полей в вашем показе / скрытии контента.

Возможно, это отступы, отступы 10px на .trial div там - потому что это последнее, что можно увидеть при сворачивании / падении, возможно, IE7 не знает, как «свернуть» отступы, поэтому скрывать это одним ударом, вызывая прыжок?

Возможно, попробуйте изменить отступы так, чтобы на .intro div было 20px дна вместо 10px на каждом из .trial и .intro, просто чтобы посмотреть, решит ли это проблему.

(примечание: у меня не установлен IE7, поэтому я не вижу скачок, о котором вы говорите, не стесняйтесь сказать, что я на неправильном пути.)