animation on angular 4 doesn't seem to have transition effect

trigger('expandCollapse', [
            state('open', style({
                'height': '*'
            })),
            state('close', style({
                'height': '0px'
            })),
            transition('open <=> close', animate(1000))
        ])

using this code to animate expand collapse, the expand collapse works fine but there is no animation on height using angular animation framework 4.3.1

https://plnkr.co/edit/tY4z1QPvdKMeU6M82cTF?p=preview

created a small demo for the same