Using jQuery to change div width from 50% to 70% on hover

Question

I have two divs that have 50% width each. I want to make it so that the the hovered div expands to 70% and the other reduces to 30%. And when the mouse moves out, they both

Answer 1

This should work nicely for you:

EDIT: Added animation
EDIT: Added height resize to animation

    

        Hello world!
    

EDIT: If you want it to fill the height of the window, just use window.innerHeight in place of the container height:

    Hello world!

Here's a jsFiddle that demonstrates it working.