How to make smooth text output?

Question

JavaScript

I did something like this in jquery. When you click on the block, the styles change, the picture disappears and the text appears. The only thing I couldn't do was make the text appear smoothly . Those. each time the text is opened, its opacity should change from 0 to 1. How to do this?

jsfiddle.net/44mt6507/2

Answer 1

jsfiddle.net/44mt6507/4

Answer 2

$('.as2').show('slow');
Well, in general, you can play with the animation on hide and show - api.jquery.com/show
And there is also fadeIn and fadeOut - api.jquery.com/fadeIn