Help with Show / Hide Content

Trying to replicate the effect in this tutorial video - http://tutorials.webflow.com/click-to-show-hide

On the homepage -
https://webflow.com/design/vizzyguitar?preview=67d979beeb687d053f98f6ec06c3d579

However the transition is not smooth. There’s a 10-15px strip that doesn’t transition before disappearing and I can’t figure out why.

The “Login” button triggers the section to open and the “X” image triggers the close.

Any ideas? I’m stumped.

Thanks!
Damon

Decided to go a different route. This question is no longer valid.