CSS переход не работает для процентной высоты?
У меня есть следующие определения CSS:
.detailsCollapsed
{
display:none;
height:0%;
width:100%;
-webkit-transition:height 40s ease-in-out;
}
.detailsExpanded
{
display:block;
visibility:visible;
height:100%;
width:100%;
-webkit-transition:height 40s ease-in-out;
}
Они применяются к div с некоторым содержанием внутри него.
У меня также есть некоторый javascript, который при нажатии на div изменяет имя класса в элементе. Это прекрасно работает для расширения и свертывания, но на iphone нет анимации? (Все остальные переходы, которые я пробовал, отлично работают с плавной анимацией) Есть идеи?