Jquery Show Input Text Based On Input Value

Question

I facing problem with my jquery, on showing input text based on input value. Here is the JS fiddle demo :

http://jsfiddle.net/Ltapp/364/

When I try to input @hot

Answer 1

You're affecting all inputs. Either give each one a unique ID / Class or use the jQuery $(this) method.

See JSFiddle Here:

http://jsfiddle.net/Ltapp/366/

var myString = '@hotmail';
$('#secondinput').hide();

$("#firstinput").keyup(function () {
var value = $(this).val();
    if($(this).val().match(myString)) {
        $('#secondinput').show();
    } else {
        $('#secondinput').hide(); 
    }
});