Как скрывать блок при onblur, но с небольшой изюминкой?

Question

[topuserman]

У меня такая верстка:

<div class="wrapper">

	<input type="text" class="input" />
	
	<div class="suggests">
		<span>suggest 1</span>
		<span>suggest 2</span>
		...
	</div>

</div>

блок suggests по умолчанию скрыт, при вводе какой-то текста в input - блок появляется и в него записываются данные для автокомплита.

При клике на каждый span в блоке suggests - текст вводится в input и блок с подсказками скрывается.

Как сделать, чтобы при событии onBlur у input - скрывать блок с подсказками ?
Проблема в том, что если на событие onBlur скрывать этот блок, то при попытке клика на блок suggests (чтобы выбрать подсказку) - также закрывается блок.

Answer 1

[Beliyadm]

Так что ли (не прописывал заполнение данных в suggests)

Comments

[topuserman]

при onBlur почему-то не закрывается блок

[Beliyadm]

topuserman, Виноват, ошибся, а вот так
https://jsfiddle.net/beliyadm/kr87oagt/

[Beliyadm]

Помогло? Тогда закройте тикет, пожалуйста, можно поставить статус решения )))