[Dagedra]

ЭХ, и снова обращаюсь к помощи сообщества. колдую с бантиками от css 3 и как-то оно не работает

 .menuSection { height: 38px; min-height: 38px; overflow: hidden; -moz-transition: all 3s 0.2s ease;  -o-transition:  all 3s 0.2s ease; -webkit-transition:  all 3s 0.2s ease;}
 .menuSection:hover, .menuSection:active {overflow: visible; height: auto;}

этот код сворачивает меню до заголовков, а при наведении мышки разворачивает подпункты. хочу, чтобы ездило меееедленно и плавно, но почему-то transition не спасает. >.<

@темы: меню

Comments

[winterwolf]

Раскрывается блок не .menuSection, а .menuSection div ul, тем более у блоков .menuSection div ul стоит position: absolute, поэтому он и не растягивает блок.

[Dagedra]

скорректированный таким образом код не работает

 .menuSection div ul { position: relative; height: 38px; min-height: 38px; overflow: hidden; -moz-transition: all 3s 0.2s ease; -o-transition: all 3s 0.2s ease; -webkit-transition: all 3s 0.2s ease;}
 .menuSection:hover div ul, .menuSection:active div ul {position: relative; overflow: visible; height: auto;}

все блоки меню одинаковой ширины - 38 пх, не сворачиваются до конца, разворачиваются без эффектов. ul - это только список, без заголовка.