For starters, your transition *should* be taking three seconds since that’s what you’ve told it to do. It’s going much quicker than that, however.
I’ve created an example here using `height` and it seems to be working fine: http://codepen.io/ggilmore/pen/875fabd075831c74c2b6b3e6e5573b37
Aaaahhhhh. I think I’ve figured it out. It’s transitioning 3 seconds all the way to 9999px. If you changed that value to, say, 200px you’d see that the animations are in fact happening at the same time. I think you might just have to find another way to go about this.