JqueryUI工具提示点击按钮而不是悬停在其他地方出现

我使用 @L_618_0@UI工具提示向用户显示一些动态消息.基本上,我想在用户单击按钮时在输入字段顶部显示工具提示.

我编码的方式只有在将鼠标悬停在按钮顶部时才起作用,而在JQueryUI示例中,没有任何帮助来实现此方案.如何与悬停效果有所不同,并使其与按钮的点击事件一起使用？我该如何实现？

我正在使用jquery-ui-1.9.0.custom.js和jquery-1.8.2.js.

HTML代码：
我想在此输入框顶部显示消息

<input id="myInput" type="text" name="myInput" value="0" size="7" />

我点击的按钮,以便弹出工具提示

<input id="myBtn" type="submit" name="myBtn" value="myBtn" title="this is not used" class="myBtn" />

JQuery代码

$(document).ready(function() {
    $(".myBtn").tooltip({
               content: function () {
                  return '<span id="msg">message</span>';
               },position: {
                  my: "center bottom",at: "center top"
               }
            });
});

<a id="myTooltip" title="message"></a>

$('#myTooltip').tooltip({
    //use 'of' to link the tooltip to your specified input
    position: { of: '#myInput',my: 'left center',at: 'left center' }
});

$('#myBtn').click(function () {
    $('#myTooltip').tooltip('open');
});

$('#myTooltip').tooltip('close');

$('#myTooltip').tooltip({
    open: function (E) {
        setTimeout(function () {
            $(e.target).tooltip('close');
        },1000);
    }
});