JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-6">
  <ol class="breadcrumb float-sm-right cash-icons">

    <li class="breadcrumb-item mdfy_icon" id="modify_sec"><a href="#">Modify</a></li>
  </ol>
</div>

<!-- button -->

<div class="col-2">
  <div class="data_btn hide" id="sec_get">
    <button type="button" id="getBtn">Get data</button>
  </div>
</div>

CSS

.hide{
  display : none;
}

JavaScript

// after page refresh show button
$(document).ready(function() {
    $("#modify_sec").click(function() {
        window.localStorage.setItem("isLink", false);
        location.reload();
    });
  if(window.localStorage.getItem("isLink"))
  	$('#modify_sec').addClass('hide');
  setTimeout(function(){
    $("#sec_get").removeClass('hide');
  },5000);
});