JQueryツールのツールチップをマウスクリックで正しく表示するにはどうすればよいですか？

Question

ユーザーが、私は、ツールチップを表示したいメニュー項目をクリックするたび：

// Initialize tooltips for each menu_item 
$(".menu_item_tooltip_link a.tooltip").tooltip({ 
    opacity: 1.0, 
    position: "bottom center", 
    effect: "slide", 
    direction: "bottom", 
    offset: [0, 0], 
    relative: true, 
    events: { def: "click,mouseout", tooltip: "mouseenter" } 
}); 

ユーザーがツールチップの閉じるボタンをクリックしない限り、ツールチップは、隠されてはいけません。

$(".menu_item_tooltip_close").click(function() { 
    $(this).parents(".menu_item_tooltip:first").hide(); 
}); 

すべてが正常に動作していますツールヒントが閉じられていて、カーソルがツールヒントをトリガした要素にとどまっていると、アイテムの境界を離れてもう一度クリックするまで表示されません。

これを修正する方法はありますか？

Answer 1

私自身が解決策を見つけました。問題は、APIのhide（）関数の代わりにJQueryのhide（）関数を使用していたことです。それはどのように動作するのですか：

$(".menu_item_tooltip_close").click(function() { 
    var element = $(this).parents(".menu_item_tooltip_link:first").find(
     "a.tooltip"); 
    var tip = element.data("tooltip"); 
    tip.hide(); 
});