Question

Stumped at this part. I have a simple html input, and a jquery ui icon. What I want to do is have the icon hidden untill a “keyup” event of some sort is fired on the html input. Currently have the css property of the icon set to display:none;, but how would I use javascript to display this after some text is put into the html input?

–Here’s my code

<input id="solo1" /> <div id="saveButton" class="ui-state-default ui-corner-all" title="Save" style="float:left; display:none; height:20px;" ><span class="ui-icon ui-icon-disk"></span></div>

Answer 1

Try something like below

$("#solo1").keypress(function(){
    $("#saveButton").show();
});