Your explanation is correct, only you got scoring direction mixed up: initialy radio buttons for scoring are checked and have zero height, when "enemy" is clicked, corresponding score input is unchecked, gets height set and pushed numbers panel down.
I've made an illustration: http://jsfiddle.net/72bbx/
The difference is that there initial height is non zero—just to make radio buttons visible.
Comments
Your explanation is correct, only you got scoring direction mixed up: initialy radio buttons for scoring are checked and have zero height, when "enemy" is clicked, corresponding score input is unchecked, gets height set and pushed numbers panel down. I've made an illustration: http://jsfiddle.net/72bbx/ The difference is that there initial height is non zero—just to make radio buttons visible.