Div内的Jquery动画值

Question

I want to animate <p> value </p> inside a div to animate(slideup) and fade just like in this image

 https://i.stack.imgur.com/9bqrd.png

Onclick score value flies and fades out

My div is like this

<div id="cursoc"><p><?php echo $myresultf ?></p></div>

Answer 1

Try something like this: https://jsfiddle.net/5Lps2ohr/

<div id="cursoc" style="background:#98bf21;height:50px;width:100px;position:absolute;"><p>TEST</p></div>

$("#cursoc").on('click', function(e) {
        $(this).fadeOut('slow').animate({
            'bottom': '0%',
            'left': '50%',
            'top': '50%'
            }, {duration: 'fast', queue: false}, function() {
        });
})