Wie versteckt man einen Tooltip?

Question

Ich arbeite auf der Website mit CRM (Drupal) und den Tooltip für mobile ich kann nicht, wie es zu verbergen, wenn ich es wieder klicken ist dies die Website http://www.cfb.it im Abschnitt von servizi die Tooltip funktionieren gut für den Desktop , aber wenn ich versuche, vom Telefon aus auf die Website zuzugreifen (ich habe iphone und samsung ausprobiert) und darauf geklickt, erscheint der Tooltip, aber ich kann ihn nicht wieder verstecken, wenn ich auf den klick klicke.

Hier ist der jquery Code für diesen Tooltip, ich weiß nicht, was fehlt.

(function($) { 

    $(document).ready(function() { 

    function tooltipInit() { 
       var tooltip = jQuery('.tooltip'), 
        target = jQuery('.icon'), 
        arrow = jQuery('.arrow-down'), 
        mobile = jQuery(window).width() < 960, 
        desktop = jQuery(window).width() > 960 
       if (mobile) { 
        jQuery(".overview:odd").addClass('pull-left'); 
        target.click(function() { 
         target.css({ 
          "background-position": "top" 
         }); 
         jQuery(this).css({ 
          "background-position": "bottom" 
         }); 
         tooltip.removeClass('visible'); 
         arrow.removeClass('visible'); 
         jQuery(this).siblings('.tooltip, .arrow-down, .details').addClass('visible'); 
         $this = $(this); 
         $this.parents('.icons').find('.details').removeClass('mobile-show'); 
         $this.find('.details').addClass('mobile-show'); 
        }); 
        tooltip.click(function() { 
         jQuery(this).removeClass('visible'); 
         jQuery(this).siblings('.arrow-down').removeClass('visible'); 
         jQuery(this).siblings('.icon').css({ 
          "background-position": "top" 
         }); 
        }); 
        target.unbind('mouseenter'); 
        target.unbind('mouseleave'); 
       } 
       if (desktop) { 
        jQuery('.pull-left').removeClass('pull-left'); 
        target.css({ 
         "background-position": "top" 
        }) 
        tooltip.removeClass('visible'); 
        arrow.removeClass('visible'); 
        target.bind('mouseenter', function() { 
         jQuery(this).siblings('.tooltip, .arrow-down').addClass('visible'); 
         jQuery(this).css({ 
          "background-position": "bottom" 
         }); 
         var removeTooltip = function() { 
          tooltip.removeClass('visible'); 
          arrow.removeClass('visible'); 
         }; 
         target.bind('mouseleave', removeTooltip); 
         target.bind('mouseleave', function() { 
          jQuery(this).css({ 
           "background-position": "top" 
          }); 
         }); 
        }); 
       } 
      } 
      jQuery(window).on("resize", tooltipInit); 
      jQuery(document).on("ready", tooltipInit); 

Dieser Tooltip ist ähnlich wie diese in dieser Website http://visia.themes.tf/ Ich werde Ihre Hilfe bitte

Answer 1

Hallo Bitte verwenden Sie folgenden Code schätzen zu verfolgen, wenn Devide mobiles Gerät ist oder nicht, dann führen Sie Ihren Code

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { 
// some code.. 
}