疑难解答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(); 
    }); 

});