Polymer 2.0 - дом-повтор - простая анимация

Question

У меня есть компонент в Polymer 2.0, в этом компоненте у меня есть dom-repeat блокировать в dom-if, Есть ли простой и быстрый способ добавить анимацию при открытии и закрытии этого блока повторений?

Вот мой код:

<template id="drop-down-list-container" is="dom-if" if="{{_isDropDownOpen}}">
        <div id="drop-down-list">
            <template is="dom-repeat" items="{{itemsTitles}}">
                <button on-click="_onDropDownItemClick" class="button-style items">{{item}}</button>
            </template>
        </div>
    </template>

Я хочу иметь несколько простых анимаций, когда _isDropDownOpen изменяет состояние -> от 0 до 1 - анимация входа, от 1 до 0 - закрытие анимации. Это просто добавить? Должен ли я использовать неоновые анимации?

Answer 1

Почему бы не использовать железный коллапс, он имеет встроенную анимацию, чтобы увидеть железный коллапс