Я не могу понять, как получить только одну всплывающую подсказку за раз, когда вы удалили закрытие всплывающих подсказок с помощью события mouseleave, но установите закрытие при щелчке по самому содержанию всплывающей подсказки.
$('#info1').tooltip({
content: "Awesome info1",
open: function(event, ui) {
var $element = $(event.target);
ui.tooltip.click(function() {
$element.tooltip('close');
});
}
})
.on("mouseleave", function(event) {
return event.stopImmediatePropagation();
});
Тогда Вы можете получить несколько всплывающих подсказок, а я этого не хочу.
Я подготовил jsfiddle, чтобы продемонстрировать проблему. https://jsfiddle.net/PBrockmann/6p9wqen8/