Боремся с неплавной анимацией скрытых элементов

[fuksito]

Вставьте куда надо
$(«div.jq-codeDemo»).css(«position»,«relative»);

И вправду плавнее увеличивается родитель.

[talisman]

Еще бывают проблемы из-за паддинга с маргином у основного элемента. Для исправления используем старый добрый дополнительный вложенный блок..)

[udivankin]

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

[Untit1ed]

только начал изучать jQuery, спасибо, хороший хак.

[WilliamKidd]

Когда-то замечал такое у Accordion'a, но не знал, как бороться, теперь ясно, в чем было дело)

[pepelsbey]

Это связано с тем, что для обычных элементов ширина блока считается от родителя без учета паддингов, а для элементов с position: absolute, с учетом.

Речь про подсчёты браузера или jQuery?

[homm]

Браузера.

<div style='height: 20px; width: 60px; padding: 20px; background: blue;'>
  <div style='height: 20px; width: 100%; background: green;'>
  </div>
</div>

<div style='height: 20px; width: 60px; padding: 20px; background: blue; position: relative;'>
  <div style='height: 20px; width: 100%; background: green; position: absolute;'>
  </div>
</div>

[pepelsbey]

А, понял — просто не очень явно прозвучало (сложная формулировка), что речь идёт о подсчёте процентов от родителя.

[homm]

«2. Если размер должен быть в процентах от родительского блока,» ;)

[tarya]

Я такое когда то лечил. Тоже было немного разворачивающихся элементов — и они так гнусно прыгали, все не мог понять почему, потом докопался и что-то подобное сделал.

[Matrosked]

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