how to make tooltip click to show and click to hide

[James]

tooltip can not set show and hide use same set

[jarry]

You can set the 'showEvent' and 'hideEvent' to trigger the tooltip to display or hide on some events.

Code:

$('#tt').tooltip({
  showEvent: 'click'
});

[James]

You can set the 'showEvent' and 'hideEvent' to trigger the tooltip to display or hide on some events.

Code:

$('#tt').tooltip({
  showEvent: 'click'
});

if you set like

Code:

$('#tt').tooltip({
  showEvent: 'click',
  hideEvent: 'click'
});

then the tooltip will never show

[jarry]

This is the code to fix this issue. Please put it to the page.

Code:

(function($){
	var hideMethod = $.fn.tooltip.methods.hide;
	$.extend($.fn.tooltip.methods, {
		hide: function(jq, e){
			return jq.each(function(){
				var tip = $(this).data('tooltip').tip;
				if (tip && tip.is(':visible')){
					hideMethod.call($(this),$(this),e);
				}
			})
		}
	})
})(jQuery);

[James]

This is the code to fix this issue. Please put it to the page.

Code:

(function($){
	var hideMethod = $.fn.tooltip.methods.hide;
	$.extend($.fn.tooltip.methods, {
		hide: function(jq, e){
			return jq.each(function(){
				var tip = $(this).data('tooltip').tip;  // Cannot read property 'tip' of undefined
				if (tip && tip.is(':visible')){
					hideMethod.call($(this),$(this),e);
				}
			})
		}
	})
})(jQuery);

[James]

it seems also works on validatebox message tip, but which is not needed

[James]

Code:

(function ($) {
    var hideMethod = $.fn.tooltip.methods.hide;
    $.extend($.fn.tooltip.methods, {
        hide: function (jq, e) {
            if (e) {
                return jq.each(function () {
                    console.info($(this).data());
                    var tip = $(this).data('tooltip').tip;
                    if (tip && tip.is(':visible')) {
                        hideMethod.call($(this), $(this), e);
                    }
                });
            }
        }
    });
})(jQuery);

is this ok?

[jarry]

Please look at this example http://code.reloado.com/uciquy3/edit#html. It works fine.