How to implement tooltips for touchpads?

Question

css

For menu items on mouseover and mouseout events, a div with a tooltip is shown or hidden. Works great on desktop. And for the touchpad, the tooltip behaves unpredictably. Either the menu click is immediately processed without a hint, or the hint is shown and hangs, does not hide, interfering with viewing the content ... Who does what? A minimal example is desirable, because I'm not very good at js ..

Answer 1

There is no hover event on touchpads. So either drop this idea or do a click event

Answer 2

$("#callback").submit(function() {
    var form = this;
    $.ajax({
        ...
    }).done(function() {
        form.reset();
    });
});