Tooltip на css по клику с checkbox — как правильно добавить js для закрытия по клику вне тултипа?

Question

[lagudal]

приветствую, тема не новая, суть в том, что хочу сделать тултипы на css, но при этом чтобы появлялись и скрывались по клику а не по ховеру. Ну и закрывать надо кроме всего прочего по клику вне элементов.
Всё в принципе с чекбоксами работает, одна проблема - после клика вне элемента закрывается, но последующий клик по чекбоксу не срабатывает, только со второго раза снова открывает.
Где ошибка?

Answer 1

[Ivan Ustûžanin]

Где ошибка?

в лишнем кода и неверном использовании jQuery

$('body').click(function(event) { 
 if(!$(event.target).is('.li-tooltip span') && !$(event.target).is('.li-tooltip input')) {
-    $('.li-tooltip input').checked = 'false';
+    $('.li-tooltip input').prop('checked', false);
-    $('.li-tooltip span').hide();
}  
});
-  $('.li-tooltip input').on('click', function () {
-      $(this).parents().children('span').toggle();
- })