如何逆转onclick的效果

Question

$(document).ready(function() {
  var div = $(".searchbox");
  div.click(function() {
    $(".headerlinks").css("display", "none");
    div.css("display", "none");
    $(".inp").css("display", "inline-block");
    $(".inp").fadeIn("slow");
  });
});

这是我编写的用于显示搜索框的函数，该搜索框是点击.searchbox类的输入字段，但是如果用户再次点击.inp类之外的任何地方，我想返回.searchbox类。有人可以帮忙吗？？