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直到我再次按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/