JQuery переключения быстро исчезают после нажатия

Question

щелкнув это мой код ..

<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> 

После нажатия кнопки show hint она появляется, но в течение 2 секунд он будет исчезать .. сделал я пропустил что-нибудь в моем коде ?? пожалуйста, помогите мне.и хочу показать hint-toggle до i снова нажмите show hint кнопка.

FYI: http://jsfiddle.net/shreeramns/rUKbh/

Answer 1

Для предотвращения кнопки отправки принимать его действия по умолчанию, вы должны предотвратить действие по умолчанию:

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

Обратите внимание, как мы перейдем в event объекте в JS

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

Демонстрация: http://jsfiddle.net/DDsZn/