Javascript 引导单击关闭

我有以下输入，单击时显示，下次单击时消失：

<a href="#;" class="asset_info" data-asset_id="{{ asset.pk }}" 
   data-toggle="focus" tabindex="0" data-placement="left" data-trigger="focus"
>Hello</a>

但是，我只希望在下一次单击时弹出窗口消失，如果该用户没有单击该框。以下是我到目前为止的情况：

<script>
$(function () {

    $(".asset_info").click(function() {
    el = $(this);
    asset_id = el.data('asset_id');
    $.post("/get_asset_info/", {'asset_id': asset_id}, function(response) {
        el.unbind('click').popover({
        content: response,
        html: true,
        delay: {show: 200, hide: 100}
      }).popover('show');
    });
  });

})
</script>

$（函数（）{
$（“.asset_info”）。单击（函数（）{
el=$（本）；
资产标识=el.数据（“资产标识”）；
$.post（“/get\u asset\u info/”，{'asset\u id'：asset\u id}，函数（响应）{
el.unbind（'click'）.popover({
内容：回应，
是的，
延迟：{显示：200，隐藏：100}
}).popover（“show”）；
});
});
})

以下各项工作正常：

$('html').on('mouseup', function(e) {
  if(!$(e.target).closest('.popover').length) {
     $('.popover').each(function(){
        $(this.previousSibling).popover('hide');
    });
  }
});