jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<p>Hello World</p>
  <p>Hello World</p>
  <a href="#hi">Scroll to hi</a>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
  <p>Hello World</p>
 <a name="hi" id="hi"></a>
  <b>Hi is here</b>

JavaScript

//do smooth scrolling when anchor links are clicked
$('a[href^="#"]').click(function(e){
  e.preventDefault();
  console.log(this.hash);
  let divid=this.hash;
  $('html,body').animate({scrollTop: $(divid).offset().top-80}, 1000);
  //subtract 80 from $(divid).offset().top to put div where we want it
});