Animation inside <ion-slide-box>?

I'm trying to make an ionic mobile application. I want to replicate the slider in the "Any.do" from google play store. I don't have any picture to show, but it is basically a slider that has objects moving in every shown slider. My idea is to use and animate objects inside every slider, but here is the problem, the jQuery (or any other library) is not capable to make an animation in tag. A bit of code:

<ion-slide-box>
    <ion-slide>
        <div>
            <img id="demo1" src="./img/tel.png" alt="" height="300" style="position:absolute">
            <img src="./img/beer.jpg" alt="" style="width:100%;">
        </div>
    </ion-slide>
    <ion-slide>
        <div>
            <img src="./img/sad.jpg" alt="" style="width:100%">
        </div>
    </ion-slide>
    <ion-slide>
        <div>
            <img src="./img/apple.jpg" alt="" style="width:100%">
        </div>
    </ion-slide>
    <ion-slide>
        <div>
            <img src="./img/hand.png" alt="" style="width:100%">
        </div>
    </ion-slide>
</ion-slide-box>

And the controller:

// using jQuery
$('#demo1').delay(3000).fadeOut('slow');
// using animo-js
$('#demo1').animo( { animation: 'tada' } );

Nothing seems to work. Any idea ???