2

我正在尝试通过点击任何一项来打开和关闭 radlist 视图项的子详细信息。如果我点击该项目，它会打开子视图并再次关闭。

我创建了一个 plaground 示例，在其中实现了可折叠的 radlist 视图 https://play.nativescript.org/?template=play-js&id=jJqwjY&v=2

但我需要用动画慢慢扩展它。我很少阅读文件并在谷歌上搜索没有结果。

任何人都可以在上面的项目中添加动画，从上到下慢慢打开可折叠视图。并以同样的方式慢慢关闭。

更新：
我以某种方式实现了相对接近的动画，请看这个， https://play.nativescript.org/? template=play-js&id=jJqwjY&v=4

@keyframes animation {
    from { 
        height: 0;
        overflow:hidden;
        background-color: gold;
        transition: height 1s ease;
    }
    100% { 
        transform:   translate(0,0);
       /* height: auto */ // This is also not working
        height: 100px; } // HOW TO GIVE HEIGHT DYNAMICALLY HERE
}

由于硬编码的高度，我没有得到手风琴效果，因为不同的元素具有不同的高度。

4

0 回答 0