Interactions show/Hide button strange behavior

Hello All,

I hope someone can help me. I just created a page to replicate the how can webflow help you tabs on webflow.com I got it to look pretty good but I just added the height transition to the first tab and its all weird. It shows the text immediately and then changes height. I also am getting strange behavior when I try to click other tabs, they only work sometimes. Can anyone tell me step by step how to emulate the tabs on webflow.com? I want it to vertically wipe in to show the first tab and then any other tabs would wipe in to show as well and toggle between them.

Heres my public link. click the about button in the navbar to go to the page.

https://webflow.com/design/canalalarmdevices?preview=8db6b6b4a108aa7ec50b0d7e0a72ad74

Thanks!