jquery切換命令意外觸發

Question

我有一個網頁，其中包含一個部分，稱爲'答案'。 'answer'部分應該隱藏，直到用戶點擊'show-answer'超鏈接。

所以使用jQuery切換命令來實現這一目標：

$('.show-answer').toggle(function() { show_answer ...} , 
             function() {hide_answer ...}) 

它本身運作良好。

但是，當我在同一頁面上添加另一個表單時遇到問題。提交表單時，我將其重定向到最後附有錨點"#xxx"的頁面。

然後我發現觸發功能意外觸發。基本上，如果'answer'部分在提交表單之前隱藏，則在瀏覽器重定向到頁面後，該部分將變爲可見。

Answer 1

可使用click處理程序會幫你

$(document).ready(function(){ 
    $('.answer').on('click', function(e){ 
     e.preventDefault(); 
     $('.show-answer').toggle('show'); 
     //Or use the following  
     //$('.show-answer').slideToggle();     
    }); 
}); 

小提琴是here。