疑難解答jQuery toggle

Question

我想弄明白我在這裏做錯了什麼。 WP網站，jQuery被加載到頭上，我的自定義jquery（main.js）被加載到頁腳上。

JQUERY：

jQuery(document).ready(function() { 

     jQuery("#hc-register-toggle").click(function(){ 
     jQuery("#event-reg-form-group").toggle(); 
     }); 

    }); 

HMTL：

<a class="hc-float-left hc-main-button" id="hc-register-toggle">REGISTER NOW</a> 

<div id="event-reg-form-groups"> 

    .. 

    </div> 

試圖切換形式 「註冊NOW」 按鈕被按下時。

任何幫助將不勝感激。謝謝！

Answer 1

在Id末尾看起來像缺少's'的拼寫錯誤。使用

jQuery("#event-reg-form-groups").toggle();

也可以嘗試改變按鈕的樣式也。隱藏表單後，整個按鈕不可點擊。有浮動相關的問題。

Answer 2

您在代碼中使用的ID是錯誤的。您已將ID定義爲event-reg-form-groups並使用爲event-reg-form-group。嘗試使用下面的代碼

jQuery(document).ready(function() { 

    jQuery("#hc-register-toggle").click(function(){ 
     jQuery("#event-reg-form-groups").toggle(); 
    }); 

});