使用jQuery切換禁用功能更新

Question

我想在點擊上顯示或隱藏預覽內容。所以我使用jQuery的切換效果。 但是如果它是通過第一次點擊激活的，我不能隱藏預覽。

這裏是我的jQuery代碼...

$("#show").click(function() { 
    $('#editor').toggle(); 
    $('#preview').hide(); 
    $("#rte").keypress(update); 

    function update() { 
     $('#preview').slideDown('slow'); 
     var rte = $('#rte').val(); 
     $('#preview_content').html(rte); 
    } 
}); 

你可以看到我的完整的代碼在行動Jsfiddle。

非常感謝您的幫助。

問候，

文森特

Answer 1

這是因爲你，你點擊查看每次綁定按鍵事件。 嘗試類似這樣：

var doUpdate = false; 

function update() 
{ 
    if (doUpdate) { 
     $('#preview').slideDown('slow'); 
     var rte = $('#rte').val(); 
     $('#preview_content').html(rte); 
    } 
} 

$("#rte").keypress(update); 

$("#show").click(function() 
{ 
    $('#editor').toggle(); 
    $('#preview').hide(); 
    doUpdate = !doUpdate; 
})