How to replicate jquery animation sequence in vanilla js/css

Question

As the title says, I would like to replicate the animation bellow. the jquery API https://api.jquery.com/toggle/ decibels this default behavior as so:

easing