Fly out/in a view - Appcelerator titanium

index.js

var newtop = Ti.Platform.displayCaps.platformHeight + 20;
function doBox(e) {
    $.box.animate({
    top:newtop,
    duration:2000,
    autoreverse: true
    });
}
 
$.index.open();

index.tss

".container": {
     backgroundColor:"white"
},
 
".box": {
     height:50,
     width:100,
     color:'#fff',
     font:{
          fontWeight:'bold'
     },
     textAlign: 'center',
     top: 50,
     backgroundColor: 'red'
}

index.xml

<Alloy>
     <Window class="container">
          <Label id="box" class="box" onClick="doBox">Fly Out/In</Label>
     </Window>
</Alloy>