使用jquery我想在输入为空时隐藏一个div？

Question

例如，假设我有一个文本框和一个名为advice的隐藏div

$("#suggestinput").on({
  keyup: function(){
    $("#suggestions").addClass("active");
  },
  blur: function () {
    $("#suggestions").removeClass('active');
  }
 //another event to know if input is empty while on focus, then removeClass('active');
});

第一个事件是当用户输入输入节目建议时，第二个事件是模糊的，所以当用户解开输入时建议el将隐藏，我想要在焦点上检查第三个事件，如果输入为空则删除活跃的课程。

工作示例在此感谢： http ： //jsfiddle.net/HSBWt/

Answer 1

试试这个 - 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');
      }
  }
});