JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>



<div class="row">
  <div class="col-5"></div>
  <div class="col-7" id="secondNav">
    <ul class="breadcrumb float-sm-right cash-icons" style="left: 0;">
      <li class="breadcrumb-item cashtb addHash" id="backButton" style="display: none;"><a class="cashtb addHash" id="backAdd">Add</a></li>
      <li class="breadcrumb-item cashtb mdfy_icon csh_insrt" id=""><a class="cashtb" id="modify_intend" onclick="modify();">Modify</a></li>
      <li class="breadcrumb-item cashtb" id="vocDel"><a class="cashtb" id="deleteRec">Delete</a></li>
      <li class="breadcrumb-item cashtb"><a class="cashtb">List</a></li>
      <li class="breadcrumb-item cashtb"><a class="cashtb">Print</a></li>
    </ul>
  </div>
</div>


<div class="col-6">
  <div class="form-group preReq_no col-12" style="display: none;">
    <div class="input-group col-sm-12 p-sm-0">
      <label class="col-sm-4 control-label p-sm-0">Req.No :</label>
      <input type="text" id="reqlet_reqno" class="form-control" name="reqlet_reqno" placeholder="Enter Requisition no" required>
    </div>
  </div>

  <div class="form-group col-12 postReq_no" style="margin-bottom: 0px;">
    <div class="input-group col-sm-12 p-sm-0 form-group">
      <label class="col-sm-4 control-label p-sm-0 acc-merge">Req.No :</label>
      <input class="form-control" id="editReq" list="reqNo_int" name="reqNo_int" placeholder="Select Req number." readonly/>
      <datalist id="reqNo_int">
        <option value="Chrome"></option>
        <option value="Firefox"></option>
        <option value="Internet Explorer"></option>
        <option value="Opera"></option>
        <option...

CSS

a {
  cursor: pointer;
}

JavaScript

window.onload = function() {
  var reloading = sessionStorage.getItem("reloading");
  if (reloading) {
    sessionStorage.removeItem("reloading");
  $(".postReq_no").hide();
    $('.preReq_no').show();
    $("#backButton").show();
  }
}
//reload true
function modify() {
  sessionStorage.setItem("reloading", "true");
  document.location.reload();

}