how to animate movement of div when adjacent div is set to display:none

Question

Please check out the code here: https://jsfiddle.net/pwasoutside/uaqbj30z/2/

You can see that posts appear on screen and then fade away after a few seconds. But, after a