Using Jquery I Want The A Div To Hide When The Input Is Empty?

For example say i have a text box and a hidden div called suggestions $('#suggestinput').on({ keyup: function(){ $('#suggestions').addClass('active'); }, blur: function (

Solution 1:

Try this - http://jsfiddle.net/HSBWt/1/

$("#suggestinput").on({
  keydown: function(){
    $("#suggestions").addClass("active");
  },
  blur: function () {
    $("#suggestions").removeClass('active');
  },
  keyup: function () {
      if ( $(this).val() == "" ) {
        $("#suggestions").removeClass('active');
      }
  }
});