Закрыть список ссылок после клика

Question

У меня есть этот код:

<input id="ville" placeholder="Enter a city">
<ul class="suggestions">
  <li data-vicopo="#ville">
    <strong data-vicopo-code-postal></strong>
    <span data-vicopo-ville></span>
  </li>
</ul>

<script src="https://vicopo.selfbuild.fr/api.js"></script>

$(document).on('click', '.suggestions li', function () {
  $('#ville').val(
    $(this).find('[data-vicopo-code-postal]').text()
  );
});

Когда я нажимаю на выбранный город, список предлагаемых городов не исчезает. Какое простое исправление можно сделать, чтобы при нажатии экран предложений закрывался или скрывался?

Спасибо

Answer 1

Вставьте приведенный ниже код, чтобы всегда отображать список предложений после того, как вы спрятались с помощью .hide ().

Пользователь может щелкнуть обратно в поле ввода и начать ввод, который затем снова отобразит список, или нажав на нее.

$('#ville').on('click keyup', function() {
  $('.suggestions').show();
})