jquery input focus out child element

Question

There is input with ajax search.

<div> <input type="text"> <button>Поиск</button> <div class="tip">Тут результаты</div> </div>

input.keyup is a search event.

 input.focusout(function() { });

This event hides the tip. But when you click on the tip - the focus is removed and the link does not go - it closes. How to fix it?

Anton Zikov Anton Zikov 89 four · Answer 1 · 2017-02-15T07:48:37

Try adding a deferment to hide the tip, something like this (disappears after 800 milliseconds):

 input.focusout(function() { $("#tip").delay(800).hide(); });

1 answer 1