JSFiddle - React, Tailwind, and code Playground

by Lokesh Yadav

HTML

<header class="changeIt">
  <div class="heading">
    <h1 class="hideIt">hide it</h1>
    <h2 class="pinIt">pin it</h2>
  </div>
</header>

CSS

.notFoundHash {
    color: red;
}

JavaScript

if(window.location.hash) {
    $(".pinIt").addClass("pinned");
    $(".hideIt").addClass("hidden");
    $(".changeIt").addClass("changed");
} else {
    $(".pinIt").addClass("notFoundHash");
    $(".hideIt").addClass("notFoundHash");
    $(".changeIt").addClass("notFoundHash");
}