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 нет анимации? (Все остальные переходы, которые я пробовал, отлично работают с плавной анимацией) Есть идеи?

Ответы на вопрос(8)

Ваш ответ на вопрос