使用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');
      }
  }
});