title: How to add, then reference a div with ID and then remove it on JS. (Web)
body: <p>I am trying to hide the scrollbar when opening a fullscreen menu. That part I got working, what Im missing is getting the same button that hides the scrollbar to make it appear back again (removing the .no-scroll from the body). Here is my failed attempt, looks like the second function is not working.</p>
  
  <pre><code>$('.menu_container').on('click', function(){
    $('body').addClass('no-scroll');
    $('.menu_container').attr('id', 'menu_close');
  });
  
  $('#menu_close').on('click', function(){
    $('body').removeClass('no-scroll');
    $('#menu_close').removeAttr('menu_close');
  });
  </code></pre>