JSFiddle - React, Tailwind, and code Playground

by vaheed akhtar

HTML

<a href="#seeMe">
  Click me to see contents
</a>
<div id="seeMe">
  <p>
    Here's some more info that you couldn't see before. I can only be seen after you click the "See more!" button.
  </p>
</div>

CSS

:root {
  --colorMe: red;
}

a {
  color: var(--colorMe);
}
#seeMe {
  display: none;
}

#seeMe:target {
  display: block;
}