Javascript jQuery onclick add class and remove

Javascript jQuery onclick add class and remove,javascript,jquery,html,Javascript,Jquery,Html,我的代码不能正常工作。 我需要在用户单击class=“menubutton”上的时标记标题添加类“隐藏”。再次按下时,该类被删除 这是我的密码 HTML: <header> <div class="headgeneral"> <div id="headerlogo_dot"> <div class="menubutton"> <i class="fa fa-bars" aria-hidden="true

我的代码不能正常工作。 我需要在用户单击
class=“menubutton”
上的时标记
标题
添加类
“隐藏”
。再次按下时,该类被删除

这是我的密码

HTML:

<header>
  <div class="headgeneral">
    <div id="headerlogo_dot">
      <div class="menubutton">
        <i class="fa fa-bars" aria-hidden="true"></i>
      </div>
    </div>
  </div>
jQuery('.menubutton').click( function() {
    jQuery("header").toggleClass("hidden"); 
});

您需要在加载文档后加载jQuery侦听器。你可以这样做:

$('document').ready(function() {
  $('.menubutton').click(function() {
    $("header").toggleClass("hidden");
  });
});
PS:代码段没有加载任何内容,请尝试修复它。没有这些,我们就无法向您提供更多信息。

$('document').ready(函数(){
jQuery('.menubutton')。单击(函数(){
jQuery(“标题”).toggleClass(“隐藏”);
});
});
。总览{
边框:2件纯黑;
填充:30px;
}
menubutton先生{
边框:1px纯绿色;
填充:10px;
}
.隐藏{
背景:#ffd;
}

似乎工作正常。单击icon类时,首先切换代码。其次,您希望如何单击
隐藏的
元素?