Question

I have tried everything to get this to work on ALL platforms. What am I doing wrong?

JS–

$(document).ready(function(){
    $('#gname').keypress(function() {
       if ($(this).val() == "Toys") 
          $('#number').slideDown('fast')
       else 
          $('#number').hide();
    });
});

CSS–

#number { display: none; height: 100px; border: solid 1px #ddd; }

HTML–

Type here:<input type="text" id="gname">
<div id="number">
    Test 
</div>

Answer 1

If you bind to the keyup event rather than keypress the value will have been changed by the time the event handler runs: http://jsfiddle.net/azHQz/

$(function(){
    $('#gname').on('keyup', function(event) {
        //if (event.keyCode == 13) {//un-comment this to only check the value when the enter key is pressed
            if ($(this).val() == "Toys")
                $('#number').slideDown('fast')
            else
                $('#number').hide();
        //}//un-comment this to only check the value when the enter key is pressed
    });
});

A demo for only checking the value when the enter key is pressed: http://jsfiddle.net/azHQz/1/