Как создать анимированный аккордеон, который прекрасно работает на мобильных устройствах? Чистый JS или WebKit transform3d?

Question

Я собираюсь создать анимированный аккордеон, который будет хорошо работать на мобильных устройствах.

Я уже создал один, используя -webkit-transition: height 200ms ease;, но в лучшем случае он был медленным при просмотре на мобильном устройстве.

Теперь я думаю о Pure JS или аппаратно ускоренном решении для webkit transform3d. Как вы думаете? Кто-нибудь видел пример того, как это прекрасно работает на мобильном устройстве?

Answer 1

jQuery Mobile имеет аккордеон, но он не анимирован: http://jquerymobile.com/test/docs/content/content-collapsible-set.html

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