Javascript 单击按钮后，jquery切换快速消失

这是我的密码

<div id="hint-toggle" class="ui-body ui-body-e" style="display: none">
   <p>No Hints available right now,check it later</p>
</div>

<button id="show-hint" onclick="showHint();"type="submit" data-inline="true" data-theme="c">Show Hint</button>

<script type="text/javascript">
    function showHint(event){
    $("#hint-toggle").toggle();
        }
</script>

目前没有可用的提示，请稍后查看

暗示
函数showHint（事件）{
$（“#提示切换”）.toggle（）；
}

单击“显示提示”按钮后，它会出现，但在2秒内会消失。。我的代码中有没有遗漏什么？？请帮助我。我想显示

提示切换

，直到我再次按下

显示提示

按钮

---

仅供参考：

要防止“提交”按钮执行其默认操作，应防止执行默认操作：

<button id="show-hint" onclick="showHint(event);" type="submit" data-inline="true" data-theme="c">Show Hint</button>

---

演示：

对我来说似乎很好对我来说也很好->确保您没有点击按钮两次…代码对我来说很好。。检查鼠标…：）：）提交按钮是否可能刷新页面？@tymeJV yes我的提交按钮刷新页面。。我试过这个。。但显示提示按钮仍处于活动状态。不返回其原始状态。请参见此，在使用event.preventDefault（）后，显示提示按钮变为活动状态。看这个：你看到了吗<代码>显示提示按钮仍处于活动状态，未返回其原始状态@季梅杰夫

function showHint(event) {
    event.preventDefault();
    $("#hint-toggle").toggle();
}