show/hide div depening on input value

Question

I want to show div#cool when user will type "cool" in input field or div#good when user will type "good" and so on. Everything should work in real-time.

Answer 1

Edit: Created a Github Gist for it: http://gist.github.com/488611 - thanks for the comments, keyPress should indeed have been keypress. I've never had reliability issues with it myself?

In this case, we're assuming that all divs are in a parent element #divs. so they're hidden when the user changes the input.

Note: untested, so it may not work turn-key, but the gist is right.