JSFiddle - React, Tailwind, and code Playground

by hajime_nagahata

HTML

<div id="normal"><a href="#1">通常コンテンツ 1</a> <a href="?2">通常コンテンツ 2</a></div>

<div id="additional" hidden>追加コンテンツ</div>

CSS

div {
  animation: fade 2s;
}

@keyframes fade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

JavaScript

window.addEventListener('popstate', function (event) {
  console.log(event)
  return false;
}, false);